@charset 'UTF-8';

.sprite2x {
  background-image: url(../img/sprites-1.9.2@2x.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2@2x.png*/ ;
  background-size: 308px 250px
}
.spriteRare2x {
  background-image: url(../img/sprites-1.9.2@2x.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2@2x.png*/ ;
  background-size: 256px 30px
}
.ellipsis {
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.justify {
  text-align: justify;
  text-align-last: justify
}
.justify:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0
}
.clearfix {
  *zoom: 1
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: ""
}
.clearfix:after {
  clear: both
}
.clearleft {
  *zoom: 1
}
.clearleft:before,
.clearleft:after {
  display: table;
  content: ""
}
.clearleft:after {
  clear: left
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}
.abscenter {
  position: absolute;
  top: 50%;
  left: 50%
}
.editable-wrapper {
  position: relative;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1) inset;
  -webkit-transition: min-height .25s ease-out;
  background: #fff
}
.cursor-move {
  cursor: move
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px)
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0)
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px)
  }
}
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0)
  }
  100% {
    opacity: 0;
    -o-transform: translateY(20px)
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0)
  }
  100% {
    opacity: 0;
    transform: translateY(20px)
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0)
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px)
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0)
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px)
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0)
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px)
  }
  100% {
    opacity: 1;
    transform: translateY(0)
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp
}
@-webkit-keyframes fadeIn0_9 {
  0% {
    opacity: 0
  }
  100% {
    opacity: .9
  }
}
@keyframes fadeIn0_9 {
  0% {
    opacity: 0
  }
  100% {
    opacity: .9
  }
}
.fadeIn0_9 {
  -webkit-animation-name: fadeIn0_9;
  -moz-animation-name: fadeIn0_9;
  -o-animation-name: fadeIn0_9;
  animation-name: fadeIn0_9
}
@-webkit-keyframes fadeInLeft10 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0)
  }
}
@keyframes fadeInLeft10 {
  0% {
    opacity: 0;
    transform: translateX(-10px)
  }
  100% {
    opacity: 1;
    transform: translateX(0)
  }
}
.fadeInLeft10 {
  -webkit-animation-name: fadeInLeft10;
  -moz-animation-name: fadeInLeft10;
  -o-animation-name: fadeInLeft10;
  animation-name: fadeInLeft10
}
@-webkit-keyframes fadeInRight10 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0)
  }
}
@keyframes fadeInRight10 {
  0% {
    opacity: 0;
    transform: translateX(10px)
  }
  100% {
    opacity: 1;
    transform: translateX(0)
  }
}
.fadeInRight10 {
  -webkit-animation-name: fadeInRight10;
  -moz-animation-name: fadeInRight10;
  -o-animation-name: fadeInRight10;
  animation-name: fadeInRight10
}
@-webkit-keyframes fadeOut9_0 {
  0% {
    opacity: .9
  }
  100% {
    opacity: 0
  }
}
@keyframes fadeOut9_0 {
  0% {
    opacity: .9
  }
  100% {
    opacity: 0
  }
}
.fadeOut9_0 {
  -webkit-animation-name: fadeOut9_0;
  -moz-animation-name: fadeOut9_0;
  -o-animation-name: fadeOut9_0;
  animation-name: fadeOut9_0
}
@-webkit-keyframes fadeOutRight10 {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(10px)
  }
}
@keyframes fadeOutRight10 {
  0% {
    opacity: 1;
    transform: translateX(0)
  }
  100% {
    opacity: 0;
    transform: translateX(10px)
  }
}
.fadeOutRight10 {
  -webkit-animation-name: fadeOutRight10;
  -moz-animation-name: fadeOutRight10;
  -o-animation-name: fadeOutRight10;
  animation-name: fadeOutRight10
}
@-webkit-keyframes fadeOutDown10 {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px)
  }
}
@keyframes fadeOutDown10 {
  0% {
    opacity: 1;
    transform: translateY(0)
  }
  100% {
    opacity: 0;
    transform: translateY(10px)
  }
}
.fadeOutDown10 {
  -webkit-animation-name: fadeOutDown10;
  -moz-animation-name: fadeOutDown10;
  -o-animation-name: fadeOutDown10;
  animation-name: fadeOutDown10
}
@-webkit-keyframes fadeInUp10 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0)
  }
}
@keyframes fadeInUp10 {
  0% {
    opacity: 0;
    transform: translateY(10px)
  }
  100% {
    opacity: 1;
    transform: translateY(0)
  }
}
.fadeInUp10 {
  -webkit-animation-name: fadeInUp10;
  -moz-animation-name: fadeInUp10;
  -o-animation-name: fadeInUp10;
  animation-name: fadeInUp10
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
[ng-cloak] {
  display: none
}
body.zhi {
  padding-top: 46px;
  _padding-top: 64px;
  -webkit-font-smoothing: subpixel-antialiased
}
a {
  color: #259;
  text-decoration: none
}
body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.placeholder-label-hilight {
  color: #A02313 !important
}
.placeholder-hilight::-webkit-input-placeholder,
.placeholder-hilight::-moz-input-placeholder,
.placeholder-hilight::input-placeholder {
  color: #A02313 !important
}
div[contentEditable],
input,
textarea,
button,
a:link {
  -webkit-tap-highlight-color: rgba(225, 225, 225, .5)
}
a:hover {
  text-decoration: underline
}
html.touch a:hover {
  text-decoration: none
}
a:active {
  outline: 0
}
a.external {
  margin: 0 4px 0 0;
  word-break: break-all
}
a.external>.icon-external {
  margin-left: 4px
}
a>.ellipsis:after {
  content: '...'
}
a>.invisible {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}
small {
  font-size: 12px
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0
}
input[type=text],
input[type=password]:focus {
  -webkit-appearance: none
}
textarea {
  border: 0;
  border: 0;
  -moz-outline: 0;
  outline: 0;
  overflow: auto;
  resize: none;
  -webkit-appearance: none
}
img {
  border: 0 none
}
.modal-dialog,
div[contentEditable] {
  outline: 0;
  -moz-outline: 0
}
ul,
ol,
li,
p {
  padding: 0;
  margin: 0
}
html.no-js img.lazy {
  display: none
}
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content p {
  margin: 12px 0
}
.zm-item-rich-text ol,
.zm-item-rich-text ul,
.zm-editable-content ul,
.zm-editable-content ol,
.editable ul,
.editable ol {
  list-style-position: outside;
  margin: .8em 0 .8em 2em
}
.zm-editable-content .answer-date-link-wrap {
  display: block
}
.answer-date-link-wrap+.meta-item {
  margin-left: 7px
}
.editable li,
.zm-editable-content li {
  margin: 0 0 5px
}
html body,
html input,
html textarea,
html select,
html button {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif
}
body,
input,
textarea,
select,
button {
  line-height: 1.7;
  font-size: 13px;
  padding: 0;
  margin: 0;
  color: #222;
  word-wrap: break-word
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: 700;
  font-size: 14px;
  outline: 0;
  margin: 0
}
i,
em {
  font-style: italic
}
ins {
  text-decoration: none;
  padding: 3px 0;
  background: #EAF0DD;
  color: #5B7918
}
del {
  text-decoration: line-through;
  padding: 3px 0;
  background: #f5dfdf;
  color: #ac1414
}
ins img {
  margin: 6px 0;
  display: block;
  max-width: 300px !important
}
del.del-img,
ins.ins-img {
  display: inline-block;
  width: 75px;
  text-align: center;
  background: 0
}
del.del-img span,
ins.ins-img span {
  padding: 3px 0
}
ins.ins-img span {
  background: #EAF0DD;
  color: #5B7918
}
del.del-img span {
  background: #f5dfdf;
  color: #ac1414
}
input[type=checkbox] {
  margin: 0 5px 0 0;
  vertical-align: 0
}
blockquote {
  margin: .8em 0
}
address,
blockquote,
sup {
  border-left: 3px solid #D0E5F2;
  font-style: normal;
  padding: 0 0 0 10px;
  display: block;
  line-height: 22px;
  vertical-align: baseline;
  font-size: 100%
}
.hilight {
  color: #C20A0A
}
.cross {
  width: 6px;
  height: 6px;
  display: inline-block;
  position: relative
}
.cross span {
  background-color: #259
}
.cross .vertical {
  position: absolute;
  width: 2px;
  height: 6px;
  top: 0;
  left: 2px
}
.cross .horizontal {
  position: absolute;
  width: 6px;
  height: 2px;
  top: 2px;
  left: 0
}
.zg-anchor-hidden {
  top: -48px;
  position: relative;
  display: block;
  width: 0;
  font: 0/0 a
}
.zg-anchor-hidden.ac {
  top: -100px
}
.zu-nav-page {
  height: 35px;
  text-align: right
}
.gray_link,
.gray_link:visited {
  color: #999
}
.zg-red {
  color: #A02313
}
#zh-ie6-mask {
  background: #F7F7F7;
  width: 100%;
  height: 1001px;
  position: absolute;
  bottom: auto;
  _top: expression(eval('document.documentElement.scrollTop'));
  left: 0;
  z-index: 9999;
  text-align: center
}
#zh-ie6-mask a {
  min-width: 160px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 30px;
  vertical-align: middle;
  border-right: 1px solid #d1d1d1
}
#zh-ie6-mask .oops {
  margin: 48px auto 34px
}
#zh-ie6-mask .warning {
  font-size: 18px;
  font-weight: bolder;
  color: #222;
  margin-bottom: 66px
}
#zh-ie6-mask a.last {
  border-right: 0
}
#zh-ie6-warning {
  width: 100%;
  position: absolute;
  bottom: auto;
  _top: expression(eval('document.documentElement.scrollTop'));
  left: 0;
  background: #ff8;
  font-size: 18px;
  font-weight: bolder;
  padding: 10px 0;
  margin: 0;
  border-bottom: 1px solid gray;
  z-index: 9998;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #111;
  text-align: center
}
.zg-content-video-icon,
.zg-content-img-icon {
  margin: 0 5px -1px 1px;
  display: inline-block;
  width: 13px;
  height: 11px;
  background-repeat: no-repeat;
  background-image: url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/
}
.zg-content-img-icon {
  background-position: -28px -5px
}
.zg-content-video-icon {
  background-position: -41px -5px
}
.editable img,
.zg-content-img-source-link,
.origin_image,
.content_image,
.video_image,
.play_video {
  margin: 6px 0;
  display: block;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  width: auto\9;
  -ms-interpolation-mode: bicubic
}
.editable a,
.zm-comment-editable a {
  text-decoration: none
}
.editable .img.zg-content-img-source-link:hover,
.editable img.origin_image:hover {
  cursor: default
}
.zm-light-box-fullscreen-image .zm-light-box-img-el {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  cursor: url(../img/zoom-out.cur)/*tpa=http://static.zhihu.com/static/img/zoom-out.cur*/
}
.origin_image {
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  cursor: url(../img/zoom-in.cur)/*tpa=http://static.zhihu.com/static/img/zoom-in.cur*/
}
.zh-summary .origin_image {
  cursor: pointer
}
.zh-lightbox-showing {
  overflow: hidden
}
.modal-dialog.zm-light-box {
  border-radius: 0;
  background: transparent url(../img/light_box_close.png)/*tpa=http://static.zhihu.com/static/img/light_box_close.png*/ no-repeat 98% 16px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow: auto;
  padding: 0;
  -webkit-perspective: 1000
}
.zm-light-box .modal-dialog-title {
  display: none
}
.zm-light-box .modal-dialog-content {
  padding: 0;
  margin: 0;
  width: 100%;
  background: transparent
}
.zm-light-box:hover {
  cursor: pointer
}
a.zm-light-box-show-origin {
  color: #888;
  padding: 10px;
  display: inline-block;
  font-size: 14px
}
.zm-light-box-footer {
  text-align: center;
  line-height: 22px
}
.modal-dialog-bg.zm-light-box-background {
  opacity: .9;
  background: #fff
}
.zm-light-box-img-el {
  line-height: 22px;
  width: 100%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
  display: block;
  margin: 0 auto
}
.zm-light-box-x1 {
  font-size: 0;
  text-align: center
}
.zm-light-box-x2 {
  display: inline-block;
  vertical-align: middle;
  padding: 0 40px
}
.zg-section {
  margin: 0 0 10px;
  display: block
}
.section-title {
  border-bottom: 1px solid #ccc;
  color: #666
}
.zg-section-title {
  padding: 0 0 3px;
  margin: 0 0 10px;
  border-bottom: solid 1px #ddd
}
.zg-section-title.zg-section-title-wide {
  padding: 0 0 10px
}
.zg-clear:before,
.zg-clear:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden
}
.zg-clear:after {
  clear: both
}
.zg-clear {
  height: 1%
}
.zg-r3px {
  border-radius: 3px
}
.zg-r4px {
  border-radius: 4px
}
.zg-r5px,
.goog-tooltip {
  border-radius: 5px
}
.zg-r10px {
  border-radius: 10px
}
.zg-hide {
  display: none
}
.zg-ml10 {
  margin: 0 0 0 10px
}
.zg-ml20 {
  margin: 0 0 0 20px
}
.zg-mr10 {
  margin: 0 10px 0 0
}
.zg-mr15 {
  margin: 0 15px 0 0
}
.zg-mb15 {
  margin: 0 0 15px
}
.zg-locked {
  background: transparent url(../img/lock.gif)/*tpa=http://static.zhihu.com/static/img/lock.gif*/ scroll no-repeat 0 5px;
  color: #999;
  padding: 0 0 0 15px
}
.zu-autohide {
  visibility: hidden
}
.zu-autohide {
  _visibility: visible !important
}
.zg-14px {
  font-size: 14px
}
.zg-gray {
  color: #999;
  font-size: 12px;
  font-weight: 400
}
.zg-gray-darker {
  color: #666
}
.zg-medium-gray {
  color: #999;
  font-size: 13px
}
.zg-gray-small {
  color: #999;
  font-size: 12px
}
.zg-big-gray {
  color: #999;
  font-size: 14px;
  font-weight: 400
}
.zg-right {
  float: right
}
.zg-left {
  float: left
}
.zg-text-error {
  color: #C3412F
}
.link-disabled {
  color: #999;
  font-weight: 400;
  text-decoration: none;
  cursor: default
}
.link-disabled:hover {
  text-decoration: none
}
.zg-link {
  cursor: pointer;
  text-decoration: none
}
.zg-link:hover {
  text-decoration: underline
}
.zg-link-disabled:hover {
  text-decoration: none;
  cursor: not-allowed
}
.zg-link-white {
  color: #fff
}
.zg-link-black {
  color: #222
}
.zg-link-litgray,
.zg-link-litgray:hover {
  color: #ddd !important;
  font-size: 12px
}
.zg-bull {
  padding: 0 3px;
  color: #BBB;
  display: inline-block;
  font-family: Arial
}
.source .zg-bull {
  font-size: 12px
}
.zg-bull-medium-lit {
  padding: 0 5px;
  color: #DDD
}
.zg-gray-normal,
.zg-link-gray-normal,
.zg-link-gray {
  color: #999;
  font-weight: 400
}
.zg-link-gray {
  font-size: 12px
}
html.no-touch .zg-link-gray:hover,
html.no-touch .zg-link-gray-normal:hover {
  color: #698ebf
}
.zg-link-litblue,
.zg-link-litblue-normal {
  color: #698ebf;
  font-weight: 400
}
.zg-link-litblue {
  font-size: 12px
}
.zg-link-litblue:hover,
.zg-link-litblue-normal:hover {
  color: #259
}
.zm-tab-title-container {
  padding: 0 5px;
  color: #ddd
}
.zg-link-btn {
  border: 0;
  color: #259;
  background: transparent;
  cursor: pointer
}
html.no-touch .zg-link-btn:hover {
  text-decoration: underline
}
.zg-blue-edit {
  width: 15px;
  height: 11px;
  background: url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/ no-repeat -20px -151px transparent;
  display: inline-block;
  margin-right: 3px
}
.zm-command {
  padding: 10px 0;
  text-align: right
}
.zm-command-cancel {
  margin: 0 15px 0 0;
  cursor: pointer
}
.zm-command-cancel:hover {
  text-decoration: underline
}
.zg-num {
  margin: 0 0 0 3px;
  padding: 1px 5px;
  background: #698ebf;
  color: #fff;
  font-size: 11px;
  -webkit-text-size-adjust: none;
  vertical-align: top;
  border-radius: 30px
}
.zg-item-log-detail {
  *zoom: 1;
  border-left: 3px solid #DDD;
  padding: 5px 10px;
  margin: 5px 0
}
.zg-item-log-detail:before,
.zg-item-log-detail:after {
  display: table;
  content: ""
}
.zg-item-log-detail:after {
  clear: both
}
.zg-item-log-detail ul,
.zg-item-log-detail ol {
  margin-left: 2em
}
.zg-warn-message {
  margin: 0 0 10px;
  background: #E1F0F7;
  padding: 5px 0
}
.zg-error-message,
.zg-info-message {
  margin: 10px 0;
  padding: 10px;
  text-align: center
}
.zg-error-text {
  color: #c3412f
}
.zg-error-message {
  border: 1px solid #C3412F;
  background: #FFF5FA
}
.zg-warn-info-label {
  background: #FFF5FA
}
.zg-info-message {
  border: 1px solid #ADCF66;
  background: #f2fddb
}
.zg-orange-message {
  padding: 10px;
  margin: 10px 0;
  background: #FFFCDD;
  color: #8D7745
}
.zg-simple-info {
  text-align: center;
  padding: 20px 0
}
.zg-avatar-big {
  width: 100px;
  height: 100px;
  border: 0 none;
  border-radius: 4px
}
.zg-avatar-medium {
  width: 50px;
  height: 50px;
  border: 0 none;
  border-radius: 4px
}
.zg-inline {
  display: inline !important
}
.zg-c12,
.zg-c16 {
  margin-left: auto;
  margin-right: auto;
  width: 960px
}
.zg-g1,
.zg-g2,
.zg-g3,
.zg-g4,
.zg-g5,
.zg-g6,
.zg-g7,
.zg-g8,
.zg-g9,
.zg-g10,
.zg-g11,
.zg-g12,
.zg-g13,
.zg-g14,
.zg-g15,
.zg-g16 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px
}
.zg-push-1,
.zg-pull-1,
.zg-push-2,
.zg-pull-2,
.zg-push-3,
.zg-pull-3,
.zg-push-4,
.zg-pull-4,
.zg-push-5,
.zg-pull-5,
.zg-push-6,
.zg-pull-6,
.zg-push-7,
.zg-pull-7,
.zg-push-8,
.zg-pull-8,
.zg-push-9,
.zg-pull-9,
.zg-push-10,
.zg-pull-10,
.zg-push-11,
.zg-pull-11,
.zg-push-12,
.zg-pull-12,
.zg-push-13,
.zg-pull-13,
.zg-push-14,
.zg-pull-14,
.zg-push-15,
.zg-pull-15 {
  position: relative
}
.zg-c12 .zg-g3,
.zg-c16 .zg-g4 {
  width: 220px
}
.zg-c12 .zg-g6,
.zg-c16 .zg-g8 {
  width: 460px
}
.zg-c12 .zg-g9,
.zg-c16 .zg-g12 {
  width: 700px
}
.zg-c12 .zg-g12,
.zg-c16 .zg-g16 {
  width: 940px
}
.zg-alpha {
  margin-left: 0
}
.zg-omega {
  margin-right: 0
}
.zg-c12 .zg-g1 {
  width: 60px
}
.zg-c12 .zg-g2 {
  width: 140px
}
.zg-c12 .zg-g4 {
  width: 300px
}
.zg-c12 .zg-g5 {
  width: 380px
}
.zg-c12 .zg-g7 {
  width: 540px
}
.zg-c12 .zg-g8 {
  width: 620px
}
.zg-c12 .zg-g10 {
  width: 780px
}
.zg-c12 .zg-g11 {
  width: 860px
}
.zg-c16 .zg-g1 {
  width: 40px
}
.zg-c16 .zg-g2 {
  width: 100px
}
.zg-c16 .zg-g3 {
  width: 160px
}
.zg-c16 .zg-g5 {
  width: 280px
}
.zg-c16 .zg-g6 {
  width: 340px
}
.zg-c16 .zg-g7 {
  width: 400px
}
.zg-c16 .zg-g9 {
  width: 520px
}
.zg-c16 .zg-g10 {
  width: 580px
}
.zg-c16 .zg-g11 {
  width: 640px
}
.zg-c16 .zg-g13 {
  width: 760px
}
.zg-c16 .zg-g14 {
  width: 820px
}
.zg-c16 .zg-g15 {
  width: 880px
}
.zg-inline-block,
.inline-block,
.more {
  display: inline-block !important
}
#zh-top-nav-btn-hide {
  font-size: 12px;
  font-weight: 700
}
.zu-autocomplete-row-name {
  margin: 0 0 1px 35px;
  display: block;
  line-height: 1.2;
  height: 1.2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.zu-autocomplete-row-name.zu-autocomplete-row-name-info {
  margin: -1px 0 2px 0
}
.zu-autocomplete-row-description {
  color: #999;
  display: block;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 14px;
  height: 14px;
  zoom: 1
}
.zu-autocomplete-row-label,
.ac-row.zu-autocomplete-row-search-link {
  background: #f6f6f6;
  color: #555
}
.zu-autocomplete-row-search-link a {
  color: #555
}
.zu-autocomplete-row-search-link.active {
  background: #d6e9f8
}
.zu-autocomplete-row-search-link.active a {
  color: #259;
  text-decoration: none
}
.zu-autocomplete-row-label {
  padding: 2px 8px;
  cursor: default
}
.zu-autocomplete-empty {
  color: #666;
  padding: 10px;
  text-align: left;
  vertical-align: middle
}
.zu-autocomplete-row-search-link {
  text-align: center
}
.zu-autocomplete-row-search-link .arrow {
  display: inline-block;
  background-position: -107px -821px;
  width: 5px;
  height: 8px;
  margin-top: -3px;
  margin-left: 10px
}
.ac-active .zu-autocomplete-row-description {
  color: #698ebf
}
.zg-fly-input-label {
  color: #BEBEBE;
  left: 7px;
  position: absolute;
  top: 7px;
  cursor: text;
  font-size: 14px
}
.zg-fly-input-label {
  color: #BEBEBE;
  left: 8px;
  position: absolute;
  top: 6px;
  cursor: text
}
.zm-modal-dialog-guide-title,
.zm-modal-dialog-guide-warn-message {
  padding: 5px 9px;
  margin: 0 0 15px;
  position: relative
}
.zm-modal-dialog-guide-title {
  background: none repeat scroll 0 0 #F7FBFD;
  border: 1px solid #D2E1E8
}
.zm-modal-dialog-guide-warn-message {
  background: none repeat scroll 0 0 #f8f6e2;
  border: 1px solid #ccc9ac !important;
  padding: 5px 30px 5px 9px !important;
  margin: 0 0 15px !important
}
.zm-modal-dialog-guide-title-spin {
  background: transparent url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/ scroll no-repeat -38px -902px;
  visibility: hidden;
  position: absolute;
  bottom: -11px;
  left: 20px;
  width: 16px;
  height: 11px
}
.zm-modal-dialog-guide-title-msg {
  background: transparent url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/ scroll no-repeat -227px -174px;
  visibility: hidden;
  position: absolute;
  bottom: -11px;
  left: 20px;
  width: 16px;
  height: 11px
}
.zh-question-suggest-trigger {
  color: #444
}
.zh-question-suggest-optional {
  color: #aaa
}
#zm-modal-dialog-warnmsg-wrapper>.zm-modal-dialog-guide-title-spin,
#zm-modal-dialog-warnmsg-wrapper>.zm-modal-dialog-guide-title-msg,
.zm-modal-dialog-warnmsg-wrapper>.zm-modal-dialog-guide-title-spin,
.zm-modal-dialog-warnmsg-wrapper>.zm-modal-dialog-guide-title-msg {
  bottom: -10px;
  z-index: 1;
  visibility: visible;
  left: 21px
}
.goog-zippy-expanded>.zm-modal-dialog-guide-title-spin {
  visibility: visible
}
.zm-modal-dialog-guide-title-dropdown {
  background: transparent url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/ scroll no-repeat -46px -674px;
  position: absolute;
  top: 13px;
  right: 10px;
  width: 11px;
  height: 6px
}
.goog-zippy-expanded>.zm-modal-dialog-guide-title-dropdown {
  background-position: -39px -934px;
  top: 12px
}
.goog-zippy-collapsed>.zm-modal-dialog-guide-title-dropdown {
  background-position: -39px -928px;
  top: 14px
}
.zh-question-topic-autocomplete-plaintext {
  background-color: #EFEFEF;
  color: #888;
  font-size: .9em;
  padding: 1px 8px
}
.zm-item-more-wrap {
  border-top: solid 1px #ddd
}
.zu-edit-btn {
  color: #999;
  display: inline-block;
  font-size: 11px;
  -webkit-text-size-adjust: none;
  font-weight: 400;
  padding: 0 3px 0 0;
  margin: 0 0 0 5px;
  line-height: 130%
}
.zu-edit-btn:hover,
.zu-edit-btn:visited {
  color: #666;
  background-color: #e1f0f7;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none
}
.zg-report-title {
  padding-bottom: 10px
}
.zg-report-title .zg-report-msg {
  color: #A02313
}
.zm-item-img-avatar {
  border-radius: 2px
}
[hidden],
.hidden {
  display: none
}
.zg-wrap {
  width: 960px;
  margin: 0 auto;
  clear: both
}
.zu-main {
  min-height: 340px;
  padding: 25px 0 50px;
  position: relative;
  z-index: 2
}
.zu-main.no-sidebar .zu-main-content {
  float: none
}
.zu-main.no-sidebar .zu-main-content-inner {
  margin: 0
}
@media (max-width:959px) {
  .zu-main.no-sidebar .zu-main-content-inner {
    margin: 0 10px
  }
}
.zu-main-content {
  float: left;
  width: 100%
}
.zu-main-content-inner {
  margin: 0 328px 0 0
}
.zu-main-sidebar {
  float: left;
  margin: 0 0 0 -270px;
  width: 270px
}
@media (max-width:767px) {
  .zg-wrap {
    width: auto;
    padding-left: 6px;
    padding-right: 6px
  }
  .zu-main-content-inner {
    margin: 0
  }
  .zu-main-content {
    float: none
  }
  .zu-main-sidebar {
    float: none;
    margin: 0
  }
}
@media (min-width:768px) and (max-width:959px) {
  .zg-wrap {
    width: auto;
    padding-left: 6px;
    padding-right: 6px
  }
  .zu-main-content-inner {
    margin: 0 300px 0 0
  }
}
.zh-footer {
  clear: both;
  text-align: right
}
.zh-footer,
.zh-footer a {
  color: #999
}
.zh-footer .zg-wrap {
  padding: 20px 15px;
  border-top: 1px solid #ccc
}
.zh-footer ul,
.zh-footer li {
  display: inline
}
.zh-footer li {
  list-style: none
}
.zh-footer li+li:before {
  margin-right: 3px;
  content: '•';
  padding: 0 3px;
  color: #BBB;
  display: inline-block;
  font-family: Arial
}
.zh-footer .copy {
  float: left
}
.zu-main-sidebar .zh-footer {
  margin-top: 10px;
  text-align: left
}
.zu-main-sidebar .zh-footer .zg-wrap {
  padding: 10px 0;
  width: auto;
  border-top-color: #eee
}
.zu-main-sidebar .zh-footer li:nth-child(5):before {
  content: '';
  margin: 0;
  padding: 0
}
.zu-main-sidebar .zh-footer .copy {
  margin-left: 1px;
  float: none
}
.form-with-magnify {
  position: relative
}
.form-with-magnify .magnify-button {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 32px;
  border: 0;
  cursor: pointer;
  display: inline-block;
  background: 0
}
.form-with-magnify .magnify-button>.icon-magnify {
  margin: -2px 0 0 -3px
}
label.validate-ok,
span.validate-ok,
label.validate-info,
span.validate-info,
label.validate-error,
span.validate-error {
  margin-left: 7px;
  line-height: 32px
}
label.validate-error,
span.validate-error {
  color: #c33
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999
}
.form-basic .group {
  margin-bottom: 1em;
  clear: both
}
.form-basic .lbl {
  width: 5em;
  float: left;
  text-align: right;
  line-height: 33px
}
.form-basic .controls {
  margin-left: 6em
}
.form-basic label.error {
  margin-left: 5px;
  color: #c33
}
input.text,
textarea.text {
  padding: 8px 10px;
  font-size: 13px;
  line-height: 15px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #ccc;
  color: #222
}
input.text:focus,
textarea.text:focus {
  outline: 0;
  box-shadow: 0 0 5px rgba(105, 142, 191, .4);
  border: 1px solid #b0c4dd;
  position: relative
}
.zm-form-table {
  width: 100%;
  margin: 0
}
.zm-form-table-head {
  width: 43px;
  float: left;
  text-align: right
}
.zg-form-text-input {
  padding: 8px 10px;
  font-size: 13px;
  line-height: 15px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #ccc;
  color: #222
}
.zg-form-text-input:focus {
  outline: 0;
  box-shadow: 0 0 5px rgba(105, 142, 191, .4);
  border: 1px solid #b0c4dd;
  position: relative
}
.label-input-label {
  color: #777 !important
}
textarea.zg-form-text-input,
.zg-form-text-input>textarea {
  color: #222;
  overflow: hidden;
  min-height: 66px;
  line-height: 22px;
  font-size: 13px;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 none
}
.zm-form-btn-collapse {
  vertical-align: middle;
  margin-left: 5px
}
.zm-form-table-head-align-middle {
  margin: 5px 0 0
}
.zg-form-table-count {
  min-height: 27px;
  padding-top: 5px !important
}
.zg-form-table-count label {
  color: #999;
  padding-right: 20px
}
.zm-form-table-field {
  margin: 0 0 0 53px;
  padding: 0 0 10px;
  vertical-align: top
}
.zm-form-table-field-last {
  padding: 0
}
.zm-form-table-wide>.zm-form-table-head {
  width: 100px;
  position: relative
}
.zm-form-table-wide>.zm-form-table-field {
  margin: 0 0 0 125px
}
.zm-form-table-medium>.zm-form-table-head {
  width: 60px;
  clear: both
}
.zm-form-table-medium>.zm-form-table-field {
  margin: 0 0 0 61px;
  zoom: 1
}
.icon,
.tr-icon,
.tr-inline-icon,
.goog-option-selected .goog-menuitem-checkbox,
.zu-edit-button-icon,
.zu-top-live-icon,
.zh-global-backtotop,
.zh-hovercard-arrow,
.modal-dialog-title-close,
.icon-external,
.zg-icon,
.zm-profile-icon,
.zm-profile-header-icon,
.icon-info,
.icon-green-check,
.icon-big-arrow-left,
.icon-big-arrow-right,
.icon-weibo,
.icon-qzone,
.icon-weibo-corner,
.icon-big-white-sina,
.icon-big-white-qq,
.icon-big-white-mail,
.icon-sign-arrow {
  width: 16px;
  height: 16px;
  background-image: url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/ ;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle
}
.icon-bubble,
.icon-avatar {
  width: 13px;
  height: 13px
}
.icon-bubble {
  background-position: -208px -46px
}
.icon-avatar {
  background-position: -152px -46px
}
.icon-profile-company {
  background-position: -92px -110px
}
.icon-profile-male {
  background-position: -144px -110px
}
.icon-profile-female {
  background-position: -127px -110px
}
.icon-profile-location {
  background-position: -58px -110px
}
.icon-profile-education {
  background-position: -111px -110px
}
.icon-weibo {
  background-position: -194px -110px;
  width: 16px;
  height: 13px;
  vertical-align: -2px
}
.icon-qzone {
  background-position: -245px -167px;
  width: 16px;
  height: 16px;
  vertical-align: -2px
}
.icon-sign-arrow {
  background-position: -173px -166px
}
.icon-big-arrow-left {
  background-position: -210px -232px;
  width: 90px;
  height: 18px
}
.icon-big-arrow-right {
  background-position: -210px -214px;
  width: 90px;
  height: 18px
}
.icon-help {
  background-position: -284px -68px
}
.icon-disabled {
  background-position: -124px -232px;
  width: 14px;
  height: 14px;
  vertical-align: text-top
}
.spinner-gray,
.spinner-lightgray {
  display: inline-block;
  margin: 0 5px;
  width: 14px;
  height: 15px;
  vertical-align: -3px;
  background-size: 14px 15px;
  background-repeat: no-repeat;
  background-image: url(../img/spinner/grey-loading.gif)/*tpa=http://static.zhihu.com/static/img/spinner/grey-loading.gif*/
}
.spinner-lightgray {
  background-image: url(../img/spinner/lightgray-loading.gif)/*tpa=http://static.zhihu.com/static/img/spinner/lightgray-loading.gif*/
}
.icon-weibo-corner {
  background-position: -157px -222px;
  width: 26px;
  height: 28px;
  position: absolute;
  bottom: -12px;
  right: -11px
}
.icon-green-check {
  background-position: -284px -111px;
  vertical-align: -4px;
  width: 16px;
  height: 16px;
  margin-right: 5px
}
.icon-big-white-qq {
  vertical-align: -5px;
  background-position: -65px -230px;
  margin-right: 7px;
  width: 17px;
  height: 20px
}
.view-sina .icon-big-white-qq {
  margin: 0 13px 0 3px
}
.icon-big-white-sina {
  vertical-align: -5px;
  background-position: -284px -153px;
  margin-right: 7px;
  width: 24px;
  height: 20px
}
.icon-big-white-mail {
  background-position: -284px -180px;
  vertical-align: -4px;
  margin-right: 8px;
  width: 20px;
  height: 16px
}
.icon-spike {
  position: absolute;
  top: -8px;
  left: 23px;
  width: 13px;
  height: 8px;
  background-position: -200px -165px
}
.icon-ignore {
  width: 20px;
  height: 20px;
  background-position: -261px -62px
}
html.no-touch a:hover>.icon-ignore {
  background-position: -261px -42px
}
.icon-info {
  background-position: -227px -146px;
  width: 16px;
  height: 16px
}
.icon-copyable,
.icon-uncopyable {
  width: 13px;
  height: 13px;
  vertical-align: -1px
}
.icon-copyable {
  background-position: -75px -4px
}
.icon-uncopyable {
  background-position: -58px -4px
}
.icon-validate-ok,
.icon-validate-error {
  margin-right: 3px;
  width: 16px;
  height: 16px;
  vertical-align: -3px
}
.icon-validate-error {
  background-position: -284px -131px
}
.icon-validate-ok {
  background-position: -284px -111px
}
.zg-icon-topic-square {
  background-position: -50px -88px
}
.zg-icon-topic-feed {
  background-position: -28px -88px
}
.zg-icon-dropdown-menu {
  margin: 2px;
  height: 18px;
  width: 28px;
  vertical-align: bottom;
  background-position: -53px -146px
}
.zg-icon-topic-square,
.zg-icon-topic-feed {
  width: 17px;
  height: 17px;
  margin-right: 8px;
  vertical-align: -4px
}
.icon-magnify {
  width: 12px;
  height: 12px;
  background-position: -45px -52px;
  vertical-align: -3px
}
.icon-magnify-q {
  width: 13px;
  height: 15px;
  background-position: -239px -60px;
  vertical-align: -4px
}
.icon-magnify-active {
  background-position: -222px -62px
}
.icon-lock {
  background-position: -47px -67px;
  width: 9px;
  height: 11px;
  vertical-align: -1px;
  margin-right: 6px
}
.zg-icon-settings {
  width: 16px;
  height: 16px;
  background-position: -88px -148px;
  margin-right: 1px;
  vertical-align: -5px
}
.icon-external {
  width: 7px;
  height: 7px;
  vertical-align: 0;
  background-position: 0 -204px
}
.icon-close-8x8 {
  width: 8px;
  height: 8px;
  background-position: -267px -68px;
  cursor: pointer;
  vertical-align: 0
}
html.no-touch .icon-close-8x8:hover {
  background-position: -267px -48px
}
.icon-close-16x16 {
  width: 16px;
  height: 16px;
  background-position: -263px -63px;
  cursor: pointer;
  vertical-align: -2px
}
html.no-touch .icon-close-16x16:hover {
  background-position: -263px -43px
}
.zg-icon-bin {
  width: 10px;
  height: 11px;
  vertical-align: -3px;
  background-position: -236px -92px
}
.zg-icon-trash {
  background-position: -240px -127px;
  width: 16px;
  height: 16px
}
.zg-icon-pen {
  background-position: -224px -127px;
  width: 16px;
  height: 16px
}
html.no-touch a:hover .zg-icon-bin {
  background-position: -236px -79px
}
i[class^=z-icon-],
i[class*=" z-icon-"] {
  display: inline-block;
  *margin-right: .3em;
  line-height: 10px;
  vertical-align: 0;
  background-image: url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/ ;
  background-repeat: no-repeat;
  margin-right: 5px
}
.z-icon-x {
  width: 8px;
  height: 8px;
  background-position: -130px -206px
}
.z-icon-x:hover {
  background-position: -110px -206px
}
.z-icon-comment {
  width: 9px;
  height: 10px;
  background-position: -28px -22px
}
.z-icon-collect {
  width: 7px;
  height: 10px;
  background-position: -56px -22px
}
.z-icon-thank {
  width: 10px;
  height: 10px;
  background-position: -41px -22px
}
.z-icon-share {
  width: 11px;
  height: 10px;
  background-position: -67px -22px
}
.z-icon-no-help {
  width: 10px;
  height: 10px;
  background-position: -82px -22px
}
.z-icon-follow {
  width: 8px;
  height: 9px;
  background-position: -97px -23px
}
.z-icon-fold {
  width: 8px;
  height: 9px;
  background-position: -135px -22px
}
.meta-item {
  color: #999
}
.meta-item+.meta-item {
  margin-left: 7px
}
html.no-touch .meta-item:hover {
  color: #698ebf
}
.meta-item.disabled,
html.no-touch .meta-item.disabled:hover {
  color: #bbb;
  cursor: default;
  text-decoration: none
}
html.no-touch .meta-item:hover .z-icon-fold {
  background-position: -135px -37px
}
html.no-touch .meta-item:hover .z-icon-follow {
  background-position: -97px -38px
}
html.no-touch .meta-item:hover .z-icon-share {
  background-position: -67px -37px
}
html.no-touch .meta-item:hover .z-icon-thank {
  background-position: -41px -37px
}
html.no-touch .meta-item.disabled:hover .z-icon-thank {
  background-position: -41px -22px
}
html.no-touch .meta-item:hover .z-icon-collect {
  background-position: -56px -37px
}
html.no-touch .meta-item:hover .z-icon-comment {
  background-position: -28px -37px
}
.zg-icon-feedlist {
  width: 16px;
  height: 16px;
  vertical-align: -4px;
  margin-right: 5px;
  background-position: -71px -88px
}
.zg-icon-debutslist {
  width: 16px;
  height: 16px;
  vertical-align: -4px;
  margin-right: 5px;
  background-position: -285px -46px
}
.zg-icon-question-mark {
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  background-position: -284px -68px;
  opacity: .5
}
.zg-icon-question-mark:hover {
  opacity: 1
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2) {
  .icon,
  i[class^=z-icon-],
  .modal-dialog-title-close,
  .goog-option-selected .goog-menuitem-checkbox,
  .zg-content-img-icon,
  .zg-content-video-icon,
  .tr-icon,
  .tr-inline-icon,
  .zg-icon,
  .icon-external,
  .feed-item .ignore,
  .side-topic-item .up,
  .side-topic-item .delete,
  .zu-edit-button-icon,
  .zg-blue-edit,
  .zm-add-question-detail-icon,
  .zh-hovercard-arrow,
  .zu-top-live-icon,
  .zm-profile-details-items .zm-profile-tag-btn,
  .zm-item-top-btn,
  .zm-profile-icon,
  .zm-profile-header-icon,
  .zm-profile-empty-icon,
  .zu-global-notify-icon,
  .zu-global-notify-close,
  .zm-modal-dialog-guide-title-msg,
  .zm-modal-dialog-guide-title-dropdown,
  .zm-noti7-popup-tab-item .icon,
  .zu-noti7-popup .zu-top-live-icon,
  .icon-info,
  .icon-green-check,
  .icon-big-arrow-left,
  .icon-big-arrow-right,
  .icon-weibo,
  .icon-qzone,
  .icon-weibo-corner,
  .icon-big-white-sina,
  .icon-big-white-qq,
  .icon-big-white-mail,
  .icon-sign-arrow {
    background-image: url(../img/sprites-1.9.2@2x.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2@2x.png*/ ;
    background-size: 308px 250px
  }
  .spinner-gray {
    background-image: url(../img/spinner/grey-loading@2x.gif)/*tpa=http://static.zhihu.com/static/img/spinner/grey-loading@2x.gif*/
  }
  .spinner-lightgray {
    background-image: url(../img/spinner/lightgray-loading@2x.gif)/*tpa=http://static.zhihu.com/static/img/spinner/lightgray-loading@2x.gif*/
  }
  .zg-icon-rare {
    background-image: url(../img/sprites-1.9.2@2x.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2@2x.png*/ ;
    background-size: 256px 30px
  }
}
.zg-icon-rare {
  width: 16px;
  height: 16px;
  background-image: url(../img/sprites-rare-0.1.png)/*tpa=http://static.zhihu.com/static/img/sprites-rare-0.1.png*/ ;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle
}
.zg-btn-blue,
.zg-btn-green,
.zg-btn-red,
.zg-btn-white,
.zg-btn-disabled {
  font-size: 14px;
  line-height: 1.7;
  text-decoration: none !important;
  vertical-align: middle;
  display: inline-block;
  _display: inline !important;
  text-align: center;
  padding: 4px 10px;
  cursor: pointer;
  border-radius: 3px;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
.zg-btn-blue.disabled,
.zg-btn-green.disabled,
.zg-btn-red.disabled,
.zg-btn-white.disabled,
.zg-btn-disabled.disabled,
.zg-btn-blue[disabled],
.zg-btn-green[disabled],
.zg-btn-red[disabled],
.zg-btn-white[disabled],
.zg-btn-disabled[disabled] {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background: #eee;
  color: #888 !important;
  border: 1px solid #ddd;
  cursor: not-allowed;
  text-shadow: none;
  box-shadow: none !important
}
.zg-btn-blue.disabled:active,
.zg-btn-green.disabled:active,
.zg-btn-red.disabled:active,
.zg-btn-white.disabled:active,
.zg-btn-disabled.disabled:active,
.zg-btn-blue[disabled]:active,
.zg-btn-green[disabled]:active,
.zg-btn-red[disabled]:active,
.zg-btn-white[disabled]:active,
.zg-btn-disabled[disabled]:active {
  background: #eee;
  border-color: #ccc
}
.zg-btn {
  display: block;
  text-align: center;
  min-width: 78px;
  font-size: 12px;
  text-decoration: none !important;
  padding: 1px;
  font-weight: 400;
  line-height: 18px;
  border-radius: 3px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
.zg-btn-disabled {
  cursor: default !important
}
.zg-btn-white.zu-button-more {
  display: block;
  font-size: 13px;
  margin: 20px 0;
  padding: 5px 1px
}
.zu-button-more.loading {
  cursor: not-allowed
}
.zm-command>.zg-btn-blue,
.zm-command>.zg-btn-green,
.zm-command>.zg-btn-white,
.zm-command>.zg-btn-disabled {
  vertical-align: baseline
}
.zg-btn-blue {
  background: #1472CF;
  background-color: #1575d5;
  background-image: -moz-linear-gradient(top, #1d7fe2, #0865c2);
  background-image: -ms-linear-gradient(top, #1d7fe2, #0865c2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1d7fe2), to(#0865c2));
  background-image: -webkit-linear-gradient(top, #1d7fe2, #0865c2);
  background-image: -o-linear-gradient(top, #1d7fe2, #0865c2);
  background-image: linear-gradient(top, #1d7fe2, #0865c2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d7fe2', endColorstr='#0865c2', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
  border: 1px solid #0D6EB8;
  color: #fff !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 0 rgba(0, 0, 0, .2)
}
.zg-btn-blue:active {
  background: #1A70C7;
  background-color: #1a75d2;
  background-image: -moz-linear-gradient(top, #1a79d9, #1a70c7);
  background-image: -ms-linear-gradient(top, #1a79d9, #1a70c7);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1a79d9), to(#1a70c7));
  background-image: -webkit-linear-gradient(top, #1a79d9, #1a70c7);
  background-image: -o-linear-gradient(top, #1a79d9, #1a70c7);
  background-image: linear-gradient(top, #1a79d9, #1a70c7);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a79d9', endColorstr='#1a70c7', GradientType=0);
  box-shadow: 0 1px 2px rgba(255, 255, 255, .15) inset
}
.zg-btn-red {
  background-color: #e55345;
  background-image: -moz-linear-gradient(top, #e96249, #e03c40);
  background-image: -ms-linear-gradient(top, #e96249, #e03c40);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e96249), to(#e03c40));
  background-image: -webkit-linear-gradient(top, #e96249, #e03c40);
  background-image: -o-linear-gradient(top, #e96249, #e03c40);
  background-image: linear-gradient(top, #e96249, #e03c40);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e96249', endColorstr='#e03c40', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
  border: 1px solid #cf2b28;
  color: #fff !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 0 rgba(0, 0, 0, .2)
}
.zg-btn-red:active {
  background-color: #e55039;
  background-image: -moz-linear-gradient(top, #e7563b, #e04735);
  background-image: -ms-linear-gradient(top, #e7563b, #e04735);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e7563b), to(#e04735));
  background-image: -webkit-linear-gradient(top, #e7563b, #e04735);
  background-image: -o-linear-gradient(top, #e7563b, #e04735);
  background-image: linear-gradient(top, #e7563b, #e04735);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7563b', endColorstr='#e04735', GradientType=0);
  box-shadow: 0 1px 2px #9C3522 inset
}
.zg-btn-green,
.zg-btn-follow {
  background: #8ab923;
  background-color: #9dcc4a;
  background-image: -moz-linear-gradient(top, #adda4d, #86b846);
  background-image: -ms-linear-gradient(top, #adda4d, #86b846);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#adda4d), to(#86b846));
  background-image: -webkit-linear-gradient(top, #adda4d, #86b846);
  background-image: -o-linear-gradient(top, #adda4d, #86b846);
  background-image: linear-gradient(top, #adda4d, #86b846);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adda4d', endColorstr='#86b846', GradientType=0);
  text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
  border: 1px solid #6d8f29;
  color: #3e5e00 !important;
  min-width: 78px;
  width: auto;
  _width: 78px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 1px 0 rgba(0, 0, 0, .2)
}
.zg-btn-green:active,
.zg-btn-follow:active {
  background: #79a814;
  background-color: #8cb642;
  background-image: -moz-linear-gradient(top, #9ac244, #78a53e);
  background-image: -ms-linear-gradient(top, #9ac244, #78a53e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9ac244), to(#78a53e));
  background-image: -webkit-linear-gradient(top, #9ac244, #78a53e);
  background-image: -o-linear-gradient(top, #9ac244, #78a53e);
  background-image: linear-gradient(top, #9ac244, #78a53e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ac244', endColorstr='#78a53e', GradientType=0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3) inset
}
.zg-btn-white {
  background: #f8f8f9;
  background-color: #f1f1f2;
  background-image: -moz-linear-gradient(top, #f8f8f9, #e6e6e8);
  background-image: -ms-linear-gradient(top, #f8f8f9, #e6e6e8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f9), to(#e6e6e8));
  background-image: -webkit-linear-gradient(top, #f8f8f9, #e6e6e8);
  background-image: -o-linear-gradient(top, #f8f8f9, #e6e6e8);
  background-image: linear-gradient(top, #f8f8f9, #e6e6e8);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f9', endColorstr='#e6e6e8', GradientType=0);
  text-shadow: 0 1px 0 #fff;
  border: 1px solid #bbb;
  color: #666 !important;
  box-shadow: 0 1px 0 #fff inset, 0 1px 0 rgba(0, 0, 0, .1)
}
.zg-btn-white:active {
  background: #ddd;
  box-shadow: none
}
.zg-btn-unfollow,
.zg-btn-disabled {
  background: #eee;
  color: #888;
  border: 1px solid #ddd
}
.zg-btn-unfollow:active,
.zg-btn-disabled:active {
  border-color: #ccc
}
.zg-unfollow {
  color: #999
}
.zg-unfollow>.z-icon-follow {
  display: none
}
.zg-follow {
  color: #698ebf
}
html.no-touch .zg-follow:hover {
  color: #259
}
.zg-btn-blue.zg-btn-justify,
.zg-btn-green.zg-btn-justify,
.zg-btn-white.zg-btn-justify {
  font-size: 13px !important;
  line-height: 18px !important
}
.zg-btn-blue,
.zg-btn-green,
.zg-btn-white,
a.follow {
  *line-height: 20px
}
.small {
  *line-height: 18px !important
}
.goog-link-button {
  position: relative;
  color: #259;
  text-decoration: underline;
  cursor: pointer
}
.goog-link-button-disabled {
  color: #999;
  text-decoration: none;
  cursor: default
}
.z-ico-sina-weibo,
.z-ico-show-password,
.z-ico-qq,
.z-ico-hide-password,
.z-ico-textedit,
.z-ico-shameimaru-close,
.z-ico-community:hover,
.z-ico-community {
  background-image: url(../img/compiled/icons_0d88bbeb78.png)/*tpa=http://static.zhihu.com/static/img/compiled/icons_0d88bbeb78.png*/ ;
  background-repeat: no-repeat;
  -webkit-background-size: 67px 59px;
  -moz-background-size: 67px 59px;
  background-size: 67px 59px
}
@media screen and (-webkit-min-device-pixel-ratio:1), screen and (min--moz-device-pixel-ratio:1), screen and (-o-min-device-pixel-ratio:100/100), screen and (min-device-pixel-ratio:1), screen and (min-resolution:1dppx) {
  .z-ico-sina-weibo,
  .z-ico-show-password,
  .z-ico-qq,
  .z-ico-hide-password,
  .z-ico-textedit,
  .z-ico-shameimaru-close,
  .z-ico-community:hover,
  .z-ico-community {
    background-image: url(../img/compiled/icons_0d88bbeb78.png)/*tpa=http://static.zhihu.com/static/img/compiled/icons_0d88bbeb78.png*/
  }
}
@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min--moz-device-pixel-ratio:2), screen and (-o-min-device-pixel-ratio:200/100), screen and (min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  .z-ico-sina-weibo,
  .z-ico-show-password,
  .z-ico-qq,
  .z-ico-hide-password,
  .z-ico-textedit,
  .z-ico-shameimaru-close,
  .z-ico-community:hover,
  .z-ico-community {
    background-image: url(../img/compiled/icons@2x_0d88bbeb78.png)/*tpa=http://static.zhihu.com/static/img/compiled/icons@2x_0d88bbeb78.png*/
  }
}
.z-ico-sina-weibo {
  background-position: -1px -1px;
  width: 24px;
  height: 19px
}
.z-ico-show-password {
  background-position: -27px -1px;
  width: 21px;
  height: 13px
}
.z-ico-qq {
  background-position: -1px -22px;
  width: 19px;
  height: 21px
}
.z-ico-hide-password {
  background-position: -22px -22px;
  width: 21px;
  height: 13px
}
.z-ico-textedit {
  background-position: -50px -1px;
  width: 16px;
  height: 16px
}
.z-ico-shameimaru-close {
  background-position: -50px -19px;
  width: 16px;
  height: 16px
}
.z-ico-container:hover .z-ico-community,
.z-ico-community:hover {
  background-position: -1px -45px;
  width: 14px;
  height: 13px
}
.z-ico-community {
  background-position: -17px -45px;
  width: 14px;
  height: 13px
}
img.avatar {
  border: 0
}
img.avatar.\34 0 {
  width: 40px;
  height: 40px;
  border-radius: 4px
}
img.avatar.\35 0 {
  width: 50px;
  height: 50px;
  border-radius: 4px
}
img.avatar.\36 0 {
  width: 60px;
  height: 60px;
  border-radius: 4px
}
@media (min-width:980px) {
  .visible-phone {
    display: none
  }
  .visible-tablet {
    display: none
  }
  .hidden-desktop {
    display: none
  }
}
@media (max-width:767px) {
  .hidden-phone {
    display: none !important
  }
  .visible-desktop {
    display: none
  }
}
@media (min-width:768px) and (max-width:979px) {
  .hidden-tablet {
    display: none
  }
  .visible-desktop {
    display: none
  }
}
.tab-navs {
  *zoom: 1;
  margin: 0 0 10px;
  padding: 0;
  text-align: center;
  list-style: none;
  border-bottom: 1px solid #ccc
}
.tab-navs:before,
.tab-navs:after {
  display: table;
  content: ""
}
.tab-navs:after {
  clear: both
}
.tab-navs .tab-nav {
  position: relative;
  float: left;
  margin-right: 5px;
  margin-bottom: -1px
}
.tab-navs .tab-nav>a {
  display: block;
  padding: 5px 15px;
  min-width: 45px;
  color: #259;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 2px 2px 0 0
}
html.no-touch .tab-navs .tab-nav>a:hover {
  background: #eff6fa;
  text-decoration: none;
  border-bottom-color: #ccc
}
.tab-navs .tab-nav.active>a,
html.no-touch .tab-navs .tab-nav.active>a:hover {
  background: #fff !important;
  border: 1px solid #ccc;
  border-bottom-color: transparent;
  cursor: default
}
.tab-navs .tab-nav.active>a {
  color: #666 !important
}
@media (max-width:480px) {
  .tab-navs {
    margin-right: 2px
  }
  .tab-navs .tab-nav>a {
    min-width: initial
  }
}
.editable pre {
  display: block;
  white-space: pre-wrap
}
.editable pre div {
  *display: inline
}
.editable pre br {
  *display: block
}
pre.code-diff {
  white-space: pre-wrap
}
pre.code-diff,
body .highlight,
.editable pre {
  margin: .5em 0;
  padding: .4em .6em;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px;
  background: #f8f8f8
}
code,
.editable pre,
.highlight pre {
  font-family: Menlo, Monaco, Consolas, "Andale Mono", "lucida console", "Courier New", monospace
}
body .highlight {
  width: auto;
  overflow: auto;
  word-wrap: normal
}
.highlight pre {
  margin: 0
}
.highlight::-webkit-scrollbar {
  width: 6px;
  height: 6px
}
.highlight::-webkit-scrollbar-thumb:horizontal {
  border-radius: 6px;
  background-color: rgba(0, 0, 0, .5)
}
.highlight::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: rgba(0, 0, 0, .6)
}
.highlight code {
  overflow: auto
}
.highlight .hll {
  background-color: #ffc
}
.highlight {
  background: #fff
}
.highlight .c {
  color: #998;
  font-style: italic
}
.highlight .err {
  color: #a61717;
  background-color: #e3d2d2
}
.highlight .k {
  font-weight: 700
}
.highlight .o {
  font-weight: 700
}
.highlight .cm {
  color: #998;
  font-style: italic
}
.highlight .cp {
  color: #999;
  font-weight: 700
}
.highlight .c1 {
  color: #998;
  font-style: italic
}
.highlight .cs {
  color: #999;
  font-weight: 700;
  font-style: italic
}
.highlight .gd {
  color: #000;
  background-color: #fdd
}
.highlight .ge {
  font-style: italic
}
.highlight .gr {
  color: #a00
}
.highlight .gh {
  color: #999
}
.highlight .gi {
  color: #000;
  background-color: #dfd
}
.highlight .go {
  color: #888
}
.highlight .gp {
  color: #555
}
.highlight .gs {
  font-weight: 700
}
.highlight .gu {
  color: #aaa
}
.highlight .gt {
  color: #a00
}
.highlight .kc {
  font-weight: 700
}
.highlight .kd {
  font-weight: 700
}
.highlight .kn {
  font-weight: 700
}
.highlight .kp {
  font-weight: 700
}
.highlight .kr {
  font-weight: 700
}
.highlight .kt {
  color: #458;
  font-weight: 700
}
.highlight .m {
  color: #099
}
.highlight .s {
  color: #d32
}
.highlight .na {
  color: teal
}
.highlight .nb {
  color: teal
}
.highlight .nc {
  color: #458;
  font-weight: 700
}
.highlight .no {
  color: teal
}
.highlight .ni {
  color: purple
}
.highlight .ne {
  color: #900;
  font-weight: 700
}
.highlight .nf {
  color: #900;
  font-weight: 700
}
.highlight .nn {
  color: #555
}
.highlight .nt {
  color: navy
}
.highlight .nv {
  color: teal
}
.highlight .ow {
  font-weight: 700
}
.highlight .w {
  color: #bbb
}
.highlight .mf {
  color: #099
}
.highlight .mh {
  color: #099
}
.highlight .mi {
  color: #099
}
.highlight .mo {
  color: #099
}
.highlight .sb {
  color: #d32
}
.highlight .sc {
  color: #d32
}
.highlight .sd {
  color: #d32
}
.highlight .s2 {
  color: #d32
}
.highlight .se {
  color: #d32
}
.highlight .sh {
  color: #d32
}
.highlight .si {
  color: #d32
}
.highlight .sx {
  color: #d32
}
.highlight .sr {
  color: olive
}
.highlight .s1 {
  color: #d32
}
.highlight .ss {
  color: #d32
}
.highlight .bp {
  color: #999
}
.highlight .vc {
  color: teal
}
.highlight .vg {
  color: teal
}
.highlight .vi {
  color: teal
}
.highlight .il {
  color: #099
}
.zm-middle-hilight-box {
  border: solid 1px #c8c49d;
  background: #f8f9e7 url(../img/home_enforce_real_name.png)/*tpa=http://static.zhihu.com/static/img/home_enforce_real_name.png*/ scroll no-repeat 14px 14px
}
.zm-middle-hilight-box-content {
  padding: 20px 10px 10px 70px;
  min-height: 30px
}
#zh-single-answer-author-info {
  min-height: 55px
}
#zh-home-list-title {
  font-size: 14px;
  color: #666;
  font-weight: 700
}
.zu-global-nitify-inner {
  margin: 0 30px 0 25px
}
.zm-item-meta .zg-unfollow {
  color: #999 !important
}
.zu-home-sub-noti {
  list-style: none;
  padding: 0 0 0 20px;
  border-left: 5px solid #eff6fa;
  padding: 0 0 0 5px;
  margin: 5px 0;
  font-size: 12px;
  color: #666;
  line-height: 18px;
  clear: both
}
.zu-home-noti-item-inner>.x-d>.x-a {
  color: #698ebf
}
.zu-home-noti-item {
  list-style: none !important;
  border-bottom: 1px solid #E7E7E7;
  list-style-type: none !important;
  margin-bottom: 8px;
  padding: 0 0 8px;
  zoom: 1
}
.x-m {
  float: right;
  display: inline;
  text-indent: -9999px;
  width: 18px;
  height: 16px;
  background: url(../img/close.gif)/*tpa=http://static.zhihu.com/static/img/close.gif*/ no-repeat 100% center;
  opacity: .1;
  margin: 3px 0 0 8px;
  visibility: hidden
}
.zh-question-suggest-info .x-m {
  background-position: 100% 5px;
  margin: 2px 4px 0 0;
  visibility: visible;
  width: 14px
}
.x-e {
  float: right;
  color: #96B7DE;
  visibility: hidden
}
html.touch .x-m,
html.touch .x-e {
  visibility: visible
}
.x-d {
  display: block;
  margin: 0
}
.zu-top-nav-live .x-m {
  margin: 2px 0 0 3px
}
.zu-home-noti-item:hover>.x-m {
  visibility: visible
}
.zu-home-noti-item:hover>.x-e {
  color: #999;
  visibility: visible
}
.x-m:hover {
  opacity: .5
}
.zu-home-noti-sep {
  border: 0;
  border-top: 1px solid #e7e7e7;
  clear: both;
  height: 0;
  margin: 5px 0
}
.zu-home-noti-inner {
  margin: 0 0 10px;
  padding: 0
}
.goog-scrollfloater {
  z-index: 9
}
.zm-simple-list-item:hover>.x-m {
  visibility: visible
}
.zm-simple-list-item:hover>.x-e {
  color: #999;
  visibility: visible
}
.zu-simple-item-list {
  margin: 10px 0 0;
  padding: 10px 0 0
}
.zm-simple-list-item .x-m {
  display: none
}
.zm-simple-list-item-hilited {
  background: #D6ECFA;
  font-weight: 700
}
.zm-list-avatar {
  float: left;
  height: 25px;
  width: 25px;
  border: 0 none;
  border-radius: 2px
}
.zm-list-avatar-medium {
  float: left;
  height: 50px;
  margin: 2px 10px 0 0;
  width: 50px;
  border: 0 none;
  border-radius: 5px
}
.zm-list-avatar-topic {
  float: left;
  height: 50px;
  margin: 3px 15px 0 0;
  width: 50px;
  border: 0 none
}
.zm-list-avatar-link {
  float: left
}
.zm-list-content {
  margin: 0 0 0 35px
}
.zm-list-content-topic {
  margin-left: 66px
}
.zm-list-content-maxheight {
  max-height: 62px
}
.zm-list-content-topic {
  margin-left: 66px
}
.zg-link-topic {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  max-height: 44px
}
.zm-list-title {
  display: block;
  overflow: hidden
}
.zm-list-content-medium {
  margin: 0 0 0 64px
}
.zm-list-focus-button-wrap {
  margin: 7px 0 0
}
.zm-list-content-title {
  margin: 0
}
.zu-main-nav-current>.zg-title16 {
  color: #eee
}
.zu-main-nav-a>.zg-title16 {
  padding: 13px 0 0;
  line-height: 20px
}
.zu-main-feed-con {
  border-top: 1px solid #ccc
}
.zm-item-container {
  padding: 15px 0 0
}
.zm-item {
  margin: 6px 0 0
}
.zm-item-answer,
.zm-item {
  position: relative;
  padding: 0;
  outline: 0
}
.zm-item-answer {
  margin-left: 48px
}
.zm-item-answer .answer-head {
  min-height: 25px
}
#zh-question-log-list-wrap .zm-item {
  padding: 10px 0 5px;
  margin: 0
}
#zh-question-answer-collestions .zm-item {
  padding: 8px 0 3px;
  margin: 0
}
.zm-item .zm-item-answer-author-info .zm-item-link-avatar {
  display: none
}
#zh-question-answer-wrap .zm-item-answer,
.zm-item-answer+.zm-item-answer,
.zm-item+.zm-item {
  border-top: 1px solid #eee
}
.zm-item+.zm-item {
  padding-top: 7px
}
#zh-question-collapsed-wrap>.zm-item-answer,
#zh-question-answer-wrap>.zm-item-answer {
  padding: 10px 0 5px
}
.zm-item.zm-item-h60 {
  min-height: 60px
}
.zm-item.zm-item-h50 {
  min-height: 50px
}
.zm-item.zm-item-h25 {
  min-height: 25px
}
.zm-item.zm-item-collapsed {
  background: #ccc !important
}
.zg-section-big {
  margin: 0 0 15px
}
.zm-item-tag .cross {
  margin-left: 6px;
  margin-bottom: 2px
}
.zm-item-tag:hover .cross span {
  background: #fff
}
.zm-meta-panel {
  padding: 5px 0;
  margin-bottom: -5px;
  background: #fff
}
.zm-meta-panel a.collapse {
  visibility: hidden
}
.zm-meta-panel .zg-follow {
  color: #999
}
.zm-meta-panel .zg-follow:hover {
  coloe: #58b
}
.zm-meta-panel>a,
.zm-meta-panel>span {
  color: #999;
  display: inline-block;
  vertical-align: middle
}
.zm-item-meta {
  position: relative;
  margin-bottom: 5px;
  color: #999
}
.zm-item-meta .zm-meta-panel {
  background: transparent
}
.zm-item-meta .zm-meta-panel a.collapse {
  visibility: visible
}
#zh-question-meta-wrap {
  margin-bottom: 10px
}
#zh-question-meta-wrap>a.comment,
#zh-question-meta-wrap>a.report {
  margin: 0
}
.zm-item-meta-has-menu .zu-autohide,
.item-has-focus .zu-autohide {
  visibility: visible
}
.zm-item-answer .zm-item-link-avatar,
.zm-item .zm-item-link-avatar,
.zm-editable-editor-wrap .zm-item-link-avatar {
  float: right;
  height: 25px;
  width: 25px
}
.zm-editable-editor-wrap .zm-item-link-avatar {
  margin-top: -1px
}
.zm-item-link-avatar50 {
  float: left;
  height: 50px;
  width: 50px;
  margin: 0 10px 0 0
}
.zm-item-answer .zm-item-img-avatar,
.zm-item .zm-item-img-avatar {
  max-height: 25px;
  max-width: 25px;
  overflow: hidden;
  border: 0 none;
  float: left
}
.zm-item-img-avatar-left {
  float: left;
  margin: 2px 10px 0 0
}
.zm-item-img-avatar50 {
  height: 50px;
  width: 50px;
  overflow: hidden;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}
.zm-item-title {
  margin: 0 30px 3px 0
}
.zm-item-answer-owner .zm-item-vote {
  display: block !important
}
.zm-item .zm-item-btn-collapse a {
  display: inline;
  padding-right: 14px;
  background: url(../img/fold-video.png)/*tpa=http://static.zhihu.com/static/img/fold-video.png*/ no-repeat right center
}
.zm-item-answer-cc {
  display: inline-block
}
.zm-item-answer-summary {
  display: none
}
.zm-item-vote-info {
  margin: 3px 0;
  font-size: .9em;
  color: #999
}
.zm-item-vote-info .zm-item-vote-info {
  font-size: inherit
}
.zm-item-vote-info .voters {
  display: inline
}
.zm-item-vote-info .voters span {
  display: inline-block;
  display: inline\9
}
.zm-item-vote-info a {
  color: inherit;
  font-size: inherit
}
html.no-touch .zm-item-vote-info a:hover {
  color: #698ebf
}
.zm-item-answer-creator {
  font-size: 13px
}
.zm-item-answer-author-wrap {
  margin: 0 0 1px;
  font-size: 13px
}
.zm-item-answer-author-wrap a {
  color: inherit
}
.zm-item-answer-author-wrap .cancel-anon {
  margin-left: 8px
}
.zu-question-my-bio>a {
  color: inherit
}
.zu-seamless-input-mock-element {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  text-align: left;
  visibility: hidden
}
.zm-modal-dialog-warnmsg {
  margin: 5px 0 5px 5px;
  border-left: 3px solid #C3412F;
  padding: 0 0 0 10px
}
#zh-pm-item-wrap .zm-item {
  min-height: 55px
}
#zh-pm-item-wrap,
#zh-pm-detail-item-wrap {
  border-top: solid 1px #ccc
}
.zm-pm-item {
  padding: 12px 0;
  min-height: 50px
}
html.no-touch .zm-pm-item:hover .zu-autohide {
  visibility: visible
}
.zm-pm-item+.zm-pm-item {
  border-top: 1px solid #eee
}
.zm-pm-item-main {
  position: relative;
  margin: 0 0 5px 62px
}
.zm-pm-item-meta {
  text-align: right
}
.zm-pm-nav {
  list-style: none;
  margin: 0;
  padding: 0
}
.zm-pm-icon-new {
  background: transparent url(../img/icon_new.gif)/*tpa=http://static.zhihu.com/static/img/icon_new.gif*/ scroll no-repeat 0 0;
  width: 17px;
  height: 14px;
  position: absolute;
  left: -29px
}
.zu-pm-item-meta {
  text-align: right
}
.zm-pm-item .zm-item-meta,
.zm-pm-item .zu-pm-item-meta {
  margin: 0 0 0 63px
}
#zh-global-spinner {
  position: fixed;
  top: 130px;
  left: 0;
  z-index: 101;
  margin: 0;
  width: 105px;
  height: 30px;
  line-height: 30px;
  text-indent: 45px;
  opacity: .5;
  filter: alpha(opacity=50);
  color: #fff;
  font-size: 90%;
  font-weight: 700;
  text-shadow: 0 1px #222;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  background: url(../img/ld.gif)/*tpa=http://static.zhihu.com/static/img/ld.gif*/ #999 10px center no-repeat
}
.zm-settings-account .zm-form-table-wide {
  width: 530px
}
.zm-settings-form-zippy .goog-zippy-expanded .zm-form-btn-expand {
  display: none
}
.zm-settings-form-zippy-header {
  margin-bottom: 5px
}
.zm-settings-form-pwd .goog-zippy-expanded {
  display: none
}
.zm-settings-account .zm-form-hidden dt {
  clear: left
}
.zm-pm-wrap {
  position: relative
}
.zm-pm-wrap .zm-command {
  line-height: 33px
}
.zm-pm-wrap .ac-renderer {
  left: 62px;
  top: 33px;
  width: 196px
}
.zm-person-item {
  overflow: hidden;
  padding: 12px 0
}
.zm-person-item+.zm-person-item {
  border-top: 1px solid #eee
}
.zh-settings-noti-form-wrapper .intro .img {
  float: left
}
#zh-question-title>.zm-editable-editor-wrap {
  clear: both
}
.zg-mt10 {
  margin: 10px 0 0
}
iframe {
  border: 0;
  min-height: 60px
}
.zm-question-collapsed-list-loading {
  height: 60px;
  background: url(../img/spinner2.gif)/*tpa=http://static.zhihu.com/static/img/spinner2.gif*/ no-repeat center
}
.zh-question-answer-summary-wrap {
  padding-top: 10px;
  border-top: 1px solid #EEE
}
.navigable-focusin {
  outline: 0
}
.zm-item-expanded .zu-autohide,
.navigable-focusin .zu-autohide,
.focusin .zu-autohide,
html.no-touch .zm-item-answer:hover .zu-autohide,
html.no-touch .zm-item:hover .zu-autohide {
  visibility: visible
}
html.no-touch .zm-item-meta>.zg-link-gray:hover {
  color: #259 !important
}
.zu-settings-sina-bind {
  padding: 0 0 0 25px;
  background: transparent url(../img/ico_sina.gif)/*tpa=http://static.zhihu.com/static/img/ico_sina.gif*/ scroll no-repeat 0 2px
}
.zu-settings-qq-bind {
  padding: 0 0 0 25px;
  background: transparent url(../img/ico_qqweibo.png)/*tpa=http://static.zhihu.com/static/img/ico_qqweibo.png*/ scroll no-repeat 0 2px
}
.zu-settings-qqconn-bind {
  padding: 2px 0 2px 25px;
  background: transparent url(../img/ico_qq.png)/*tpa=http://static.zhihu.com/static/img/ico_qq.png*/ scroll no-repeat 0 5px
}
.topic-story-item h2 {
  margin: 0
}
.zh-question-webshare-links>a {
  margin: 0 10px 0 0
}
.zg-icon-webshare-weibo,
.zg-icon-webshare-mail,
.zg-icon-webshare-letter {
  margin: 0 6px 0 0;
  width: 14px;
  height: 14px;
  vertical-align: -2px
}
.zg-icon-webshare-weibo {
  background-position: 0 -109px
}
.zg-icon-webshare-mail {
  background-position: -19px -109px
}
.zg-icon-webshare-letter {
  background-position: -38px -109px
}
.zu-question-big-title {
  font-size: 18px;
  margin: 0 0 30px
}
#zh-question-title .zm-editable-editor-input {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.7;
  min-height: 90px
}
.zu-bio-editor-wrap .zm-editable-editor-outer {
  padding: 0
}
.zu-question-notify-wrap {
  list-style: none;
  padding: 0;
  margin: 0
}
.zu-question-notify-item {
  margin: 0
}
.zu-question-notify-wrap em {
  color: #259;
  font-style: normal;
  cursor: pointer
}
.zu-question-notify-wrap em:hover {
  text-decoration: underline
}
.zu-question-notify-wrap a {
  color: #259;
  font-style: normal;
  cursor: pointer
}
.zu-question-notify-wrap a:hover {
  text-decoration: underline
}
#zh-question-title>.zm-item-title {
  display: inline;
  margin: 0
}
#zh-question-title {
  margin: 0 0 5px
}
.zm-tag-editor {
  margin: 0 0 5px
}
#zh-question-redirect-diag-content {
  position: relative;
  margin: 10px 0
}
#zh-question-redirect-diag-content .ac-renderer {
  left: 1px;
  top: 32px;
  width: 398px
}
.zu-question-related-redirect-question>.zg-section {
  margin: 0 0 5px
}
#zh-question-redirect-diag-content>.zg-form-text-input {
  width: 374px
}
.zg-simple-editor-wrap {
  padding: 4px;
  border: solid 1px #aaa
}
#zh-question-title>.zm-item-title {
  font-size: 18px
}
.zu-modify-reason-menu {
  position: absolute
}
.sidebar-author-info .zm-profile-card {
  padding: 0
}
.sidebar-author-info .zm-rich-follow-btn.nth-0 {
  width: 60px
}
.sidebar-author-info .zm-profile-card .details {
  display: none
}
#zh-question-side-header-wrap {
  position: relative;
  z-index: 2
}
#zh-question-side-header-wrap .follow-button {
  margin-right: 10px
}
.zu-question-collap-title {
  padding: 10px 0;
  color: #999;
  border-bottom: 1px solid #EEE
}
#zh-question-collapsed-wrap,
#zh-question-answer-wrap {
  border-bottom: 1px solid #EEE
}
.zu-small-avatar-list>.zm-item-link-avatar {
  float: left;
  margin: 3px 3px 0 0;
  width: 25px;
  height: 25px
}
#zh-question-outer-invite-ac-wrap .ac-renderer {
  top: 33px;
  left: 0;
  max-width: 200px
}
.zm-tag-editor-command-buttons-wrap {
  position: relative
}
.zm-tag-editor-command-buttons-wrap>.ac-renderer {
  width: 235px;
  top: 33px;
  left: 1px
}
.zm-tag-editor-maxcount {
  color: #999
}
.zm-tag-editor-maxcount span {
  margin-right: 15px
}
.zh-question-suggest-info {
  background: none repeat scroll 0 0 #FFF !important;
  border-bottom: 1px solid #D2E1E8;
  color: #888;
  padding: 5px
}
#zh-question-suggest-info-close {
  float: right;
  color: #ccc
}
#zh-question-suggest-info-close:hover {
  float: right;
  color: #888;
  text-decoration: none
}
#zh-question-suggest-info-close:hover>.x-m {
  opacity: .5
}
.zh-question-censor-tip {
  position: relative;
  margin-top: 1em;
  padding: 5px 0 5px 1em;
  line-height: 2;
  border: 1px solid #b9b481;
  background: #fbf9e5;
  border-radius: 4px;
  color: #666
}
.zh-question-censor-tip .arrow-tip {
  width: 13px;
  height: 7px;
  position: absolute;
  top: -7px;
  left: 1.5em;
  background: url(../img/icon_warning_arrow_up.png)/*tpa=http://static.zhihu.com/static/img/icon_warning_arrow_up.png*/ no-repeat 0 50%
}
.zu-question-devider {
  margin-top: 10px;
  width: 100%;
  border-bottom: solid 1px #ddd
}
.zh-answers-title {
  position: relative;
  padding: 10px 0;
  line-height: 24px;
  border-top: 1px solid #EEE
}
.zh-answers-title h3 {
  margin: 0;
  display: inline
}
.zh-answers-title h3 a {
  font-size: 13px
}
.zh-answers-filter {
  height: 24px;
  border: 1px solid #fff;
  cursor: pointer
}
html.no-touch .zh-answers-filter:hover {
  border-color: #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  text-decoration: none
}
.zh-answers-filter,
.zh-answers-filter-popup {
  position: absolute;
  right: -9px;
  top: 50%;
  margin-top: -13px
}
.zh-answers-filter-popup {
  display: none;
  z-index: 2;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  text-decoration: none;
  background: #fff
}
.zh-answers-filter,
.zh-answers-filter-popup>div {
  height: 24px;
  padding: 0 19px 0 7px;
  color: #999;
  outline: 0
}
.zh-answers-filter-popup>div {
  position: relative;
  display: block;
  -webkit-user-select: none
}
.zh-answers-filter-popup>.selectable {
  cursor: pointer
}
html.no-touch .zh-answers-filter-popup>.selectable:hover {
  background: #eee;
  text-decoration: none
}
.zh-answers-filter-popup>.selectable .zg-icon {
  display: none
}
.zh-answers-filter .zg-icon-double-arrow,
.zh-answers-filter-popup .zg-icon-double-arrow {
  position: absolute;
  right: 3px;
  top: 4px
}
.zg-icon-double-arrow {
  background-position: -191px -229px;
  width: 14px;
  height: 14px
}
.zm-menu {
  border-radius: 3px;
  min-width: 200px;
  padding: 5px 0;
  background: #fff;
  border: solid 1px #ccc;
  z-index: 100;
  box-shadow: 0 1px 2px #ddd
}
.zm-menu-title {
  color: #999;
  margin: 0 0 10px;
  padding: 0 0 0 10px
}
.zm-menu-item-link,
.zm-menu-item-link:visited {
  color: #999;
  display: block;
  padding: 3px 0 3px 9px;
  text-decoration: none
}
.zm-menu-item-link:hover {
  background: #d6e9f8;
  text-decoration: none;
  color: #444
}
.zm-pop-menu-with-no-check .goog-menuitem {
  color: #999
}
.zm-menu-disabled:hover {
  background: #fff
}
#zh-question-outer-invite-ac-wrap {
  position: relative
}
.question-item {
  padding: 10px 0
}
.question-item-title {
  margin: 0 0 4px
}
.question-item-meta {
  color: #999
}
.question-item+.question-item {
  border-top: 1px solid #eee
}
#zh-current-topic-bio .zm-editable-editor-outer {
  padding: 0;
  margin: 0
}
.zu-topic-organize-parents-list {
  margin: 5px 0 0 1.6em;
  list-style: circle outside none;
  padding: 0
}
.zm-black-small-nav-wrap {
  margin: 0 0 20px;
  list-style: none;
  padding: 0
}
.zm-black-small-nav-item {
  float: left;
  width: 30%;
  max-width: 145px;
  margin: 0 10px 0 0;
  padding: 0;
  height: 55px
}
.zm-black-small-nav-item-link {
  background: #F4F4F4;
  display: block;
  height: 55px;
  padding: 0 0 0 20px;
  text-decoration: none
}
.zm-black-small-nav-item-link-current:hover,
.zm-black-small-nav-item-link-current {
  background: #686c72 !important
}
.zm-black-small-nav-item-link:hover {
  background-color: #eee;
  text-decoration: none
}
.zm-black-small-nav-item-link:active {
  background-color: #e1e1e1
}
.zm-black-small-nav-item-title {
  color: #5F5F5F;
  font-size: 14px;
  margin: 0;
  padding: 7px 0 0
}
.zm-black-small-nav-item-link-current>.zm-black-small-nav-item-title {
  color: #eee
}
.zm-black-small-nav-item-detail {
  color: #999;
  font-size: 12px
}
#zh-new-feature-box {
  margin: 0;
  padding-bottom: 15px;
  background: url(../img/new_feature_domain.png)/*tpa=http://static.zhihu.com/static/img/new_feature_domain.png*/ no-repeat;
  width: 250px;
  height: 211px;
  cursor: pointer
}
#zh-new-feature-box>.x-m {
  visibility: visible;
  margin: 8px 10px 0 0
}
#zh-new-feature-box-title {
  margin: 6px 0 0 10px;
  display: inline-block;
  font-weight: 400;
  font-size: 14px
}
#zh-new-feature-box-inner {
  margin: 2px 0 0 68px;
  padding: 0 6px 0 0;
  background: 0;
  font-size: 13px;
  color: #999
}
#zh-new-feature-box-favo {
  padding: 0 0 20px;
  border-bottom: 1px solid #DDD;
  margin: 10px 0 0 20px;
  width: 250px;
  height: 57px;
  background: transparent url(../img/figure.png)/*tpa=http://static.zhihu.com/static/img/figure.png*/ scroll no-repeat 0 0
}
#zh-single-list-page-wrap .zm-item-answer-author-info .zm-item-link-avatar {
  display: block
}
#zh-list-title>.zm-item-title {
  font-size: 18px
}
#zh-list-title .zm-editable-editor-input {
  font-size: 18px;
  font-weight: 700
}
#zh-fav-list-side-related .zm-item-title {
  font-size: 13px;
  font-weight: 400;
  margin: 0 30px 0 0
}
#zh-fav-list-side-related .zm-item-meta {
  margin: 0
}
.zg-star {
  float: left;
  margin: 4px 0 0;
  width: 13px;
  height: 13px;
  overflow: hidden;
  text-indent: -100px;
  background: url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/ no-repeat -108px -49px
}
a.zg-star:hover {
  cursor: default;
  text-decoration: none
}
#zh-virgin-answer-list .ignore {
  display: none !important
}
.zm-tab-title-container a {
  color: #698ebf;
  font-size: 12px;
  font-weight: 400
}
.zm-tab-title-container a.zg-link-gray {
  color: #999 !important;
  font-size: 12px
}
.zg-simple-pager-item {
  display: inline-block;
  width: 16px;
  padding: 0 0 0 4px;
  font-size: 12px
}
.zg-simple-pager-item-current {
  color: #999 !important;
  text-decoration: none
}
.zg-simple-pager-item-current:hover {
  text-decoration: none;
  cursor: default
}
.zg-simple-pager-last-page,
.zg-simple-pager-next-page {
  width: 40px
}
.zg-simple-pager-split {
  width: 12px
}
.zm-field-logo {
  width: 120px;
  height: 80px;
  display: block;
  border: 0 none;
  margin: 5px auto 0
}
.zm-field-top-box {
  margin: -3px 0 0 0;
  background: #f3f5f7 url(../img/field/line.png)/*tpa=http://static.zhihu.com/static/img/field/line.png*/ scroll repeat-x 0 100%
}
.zm-field-top-box-inner {
  margin: 0;
  padding: 0;
  width: 102%
}
.zm-field-top-box-x1 {
  position: relative;
  z-index: 3
}
.zm-field-top-box-x2 {
  overflow: hidden;
  padding: 0 0 5px;
  margin: 0;
  position: relative
}
.zm-field-top-box-item {
  list-style: none;
  float: left;
  width: 132px;
  padding: 0;
  margin: 0 30px 0 0;
  height: 132px;
  overflow: hidden
}
.zm-field-top-box-item-link {
  display: block;
  padding: 12px 0 0
}
.zm-field-top-box-item-img-frame {
  background: #fff;
  display: block;
  border: solid 1px #cecece;
  height: 90px;
  box-shadow: 0 0 1px 0 silver
}
.zm-field-top-box-item-link:hover>.zm-field-top-box-item-img-frame {
  background: #f4f4f4
}
.zm-field-top-box-item-link-selected>.zm-field-top-box-item-img-frame,
.zm-field-top-box-item-link-selected:hover>.zm-field-top-box-item-img-frame {
  background: #2da0f1 !important;
  border: solid 1px #1983ce
}
.zm-field-top-box-item-title {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
  font-size: 14px;
  display: block;
  padding: 3px 0 0;
  text-align: center;
  color: #97a3ae
}
.zm-field-top-box-item-link:hover {
  text-decoration: none
}
.zm-field-top-box-item-link:hover>.zm-field-top-box-item-title {
  color: #97a3ae
}
.zm-field-head {
  border-bottom: solid 1px #bfbfbf;
  margin: 0 0 16px;
  padding: 0 0 4px
}
.zm-field-head-inner {
  margin: 0 0 10px;
  min-height: 85px
}
.zm-field-head-title {
  margin: 0 0 5px
}
.zm-filed-head-description {
  min-height: 22px
}
.zm-field-head-logo {
  margin: 0 12px 0 0;
  float: left
}
.zm-field-hot-list-wrap>.zm-file-hot-list-item {
  background: transparent
}
.zm-field-hot-item>.zm-item-title {
  margin: 0 0 0 18px;
  font-weight: 400
}
.zm-field-hot-item-inner>.zm-item-title {
  font-weight: 400
}
.zm-field-hot-item>.zm-item-tag {
  float: right;
  margin: 0 0 5px 5px
}
.zm-field-hot-item-icon {
  float: left;
  margin: 8px 10px 0 0;
  width: 6px;
  height: 6px;
  background: url(../img/s4.png)/*tpa=http://static.zhihu.com/static/img/s4.png*/ no-repeat -77px -303px
}
.zm-field-hot-list-wrap {
  list-style: none;
  padding: 0;
  border-bottom: solid 1px #ddd;
  margin: 0 0 16px
}
.zm-field-hot-item {
  padding: 8px 0;
  position: relative;
  list-style: none
}
.zm-field-hot-item-inner {
  margin: 0 0 0 35px
}
.zm-field-hot-item+.zm-field-hot-item {
  border-top: dotted 1px #ddd;
  zoom: 1
}
.zm-field-hot-item>.zm-item-link-avatar {
  margin: 4px 10px 0 0;
  float: left
}
.zm-field-best-list-wrap {
  border-bottom: solid 1px #ddd;
  margin: 0 0 5px;
  padding: 0
}
.zm-field-top-box-inner-wrap {
  width: 1055;
  margin: 0 auto;
  position: relative
}
.zm-field-top-box-expand-button-icon,
.zm-field-top-box-scroll-up,
.zm-field-top-box-scroll-down {
  background: url(../img/s4.png)/*tpa=http://static.zhihu.com/static/img/s4.png*/ no-repeat;
  position: absolute
}
.zm-field-top-box-scroll-up:hover,
.zm-field-top-box-scroll-down:hover {
  opacity: 1
}
.zm-field-top-box-scroll-up,
.zm-field-top-box-scroll-down {
  opacity: .5;
  width: 35px;
  height: 40px
}
.zm-field-top-box-scroll-up.zm-scroll-slider-scroll-disabled,
.zm-field-top-box-scroll-down.zm-scroll-slider-scroll-disabled {
  opacity: .2 !important
}
.zm-field-top-box-scroll-up.zm-scroll-slider-scroll-disabled:hover,
.zm-field-top-box-scroll-down.zm-scroll-slider-scroll-disabled:hover {
  cursor: default !important
}
.zm-field-top-box-scroll-up {
  top: 26px;
  right: 16px;
  background-position: -149px -81px
}
.zm-field-top-box-scroll-down {
  top: 74px;
  right: 16px;
  background-position: -149px -133px
}
.zm-field-top-box-scroll-down,
.zm-field-top-box-scroll-up {
  display: none
}
.zm-field-top-box-expand-button-icon {
  background-position: -111px -323px;
  position: absolute;
  top: 5px;
  left: 8px;
  display: block;
  width: 20px;
  height: 20px
}
.zm-field-top-box-collapse-button {
  text-align: center;
  height: 35px;
  line-height: 35px;
  position: absolute;
  background: #f3f5f7;
  overflow: hidden;
  bottom: -34px;
  right: 0;
  height: 34px;
  width: 65px;
  background-color: #f3f5f7;
  -webkit-border-radius: 5px;
  background-position: -90px -282px;
  color: #98A3AF;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px
}
.zm-field-top-box-expand-button {
  position: absolute;
  line-height: 38px;
  top: -3px;
  right: 0;
  width: 100px;
  height: 34px;
  background: #F3F5F7;
  text-align: center;
  color: #98A3AF;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px
}
.zm-field-top-box-expand-button:active,
.zm-field-top-box-collapse-button:active {
  color: #98A3AF
}
.zm-field-top-box-expand-button:hover,
.zm-field-top-box-collapse-button:hover {
  text-decoration: none
}
.zm-domain-feed-item.zm-item {
  border-top: 0;
  padding: 12px 0;
  position: relative;
  margin: 0 0 0 35px;
  *zoom: 1
}
.zm-domain-feed-item+.zm-domain-feed-item {
  border-top: 1px dotted #ddd
}
.zm-domain-feed-item-title-container {
  margin: 0;
  font-size: 13px !important
}
.zm-domain-feed-item>.zm-item-link-avatar {
  margin: 2px 10px 0 -35px;
  float: left
}
.zm-domain-feed-item-user-avatar-link {
  margin: 2px 10px 0 -35px;
  float: left
}
.zm-domain-feed-item-avatar-img {
  width: 25px;
  height: 25px
}
.zm-domain-feed-time-stamp {
  position: absolute;
  top: 11px;
  right: 0;
  color: #999;
  font-size: 12px
}
.zm-domain-feed-item-answer.zm-item-answer {
  font-size: 13px;
  margin: 5px 0 0 -35px;
  color: #222
}
.zm-domain-nav-bar.zm-common-nav-bar {
  margin: 0
}
.zm-domain-feed-item-answer .zm-item-vote {
  margin: 0 0 0 5px
}
.zm-field-feature-hot-list {
  display: block;
  margin-top: -32px;
  margin-left: 40px;
  padding: 0;
  list-style: none;
  min-height: 22px
}
.zm-field-feature-hot-item {
  margin: 0;
  padding: 0
}
.zm-field-feature-hot-item-title-link {
  font-weight: 400
}
.zm-domain-feed-item-title-info {
  color: #999
}
.zm-domain-hot-item-info {
  display: block;
  padding-top: 2px
}
.zm-v3-avatar-link-left-25 {
  float: left;
  width: 25px;
  height: 25px;
  margin: 4px 0 0;
  border-radius: 2px
}
.zm-item-answer-wrap-loading {
  height: 22px;
  background: url(../img/spinner2.gif)/*tpa=http://static.zhihu.com/static/img/spinner2.gif*/ no-repeat
}
.zm-profile-desc-label {
  margin-left: 0 !important
}
.zu-list-empyt-place-holder.zm-profile-fav-empty-wrap {
  margin: 0;
  border: 0;
  color: #999;
  font-size: 12px
}
.zm-side-profile-follow-question.zm-side-section+.zm-side-section {
  margin: 12px 0 0
}
.zm-noti-header {
  font-weight: 700;
  font-size: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
  position: relative
}
.zm-noti-cleaner-setting {
  font-weight: 400;
  font-size: 13px
}
.zm-noti-header-reminder-textwrap {
  display: none
}
.zm-noti-header-reminder-active {
  padding: 12px;
  box-shadow: 0 1px 5px rgba(99, 99, 99, .1);
  border-radius: 0 0 4px 4px;
  margin-bottom: 20px;
  border: 1px solid #DDD;
  border-top: 0
}
.zm-noti-header-reminder-active .zm-noti-header-reminder-textwrap {
  display: inline
}
.zu-welcome-once {
  margin: 0 0 12px;
  padding: 1em;
  clear: both;
  border-radius: 4px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 0 #f2f4f5;
  position: relative
}
.zu-welcome-once a {
  font-size: 1em
}
.zu-welcome-once h2 {
  color: #555;
  font-size: 1.2em
}
.zu-welcome-once .x-m {
  visibility: visible;
  margin-top: -6px
}
.zu-welcome-once p.first-line {
  color: #555;
  margin-bottom: .5em
}
.close {
  float: right;
  width: 16px;
  height: 16px;
  background: transparent url(../img/light_box_close.png)/*tpa=http://static.zhihu.com/static/img/light_box_close.png*/ no-repeat;
  opacity: .2;
  filter: alpha(opacity=20)
}
html.no-touch .close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .4;
  filter: alpha(opacity=40)
}
button.close {
  padding: 0;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none
}
.zm-side-olympic {
  position: relative;
  border: 1px solid #DDD;
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
  padding: 12px 8px 12px 16px
}
.zm-side-olympic-table {
  color: #666
}
.zm-side-olympic-head {
  color: #999
}
.zm-side-olympic-rank {
  width: 25px;
  text-indent: 3px
}
.zm-side-olympic-rank-head {
  text-indent: 0;
  color: #666
}
.zm-side-olympic-count {
  text-align: center;
  width: 30px
}
.zm-side-olympic-count-all {
  font-weight: 700;
  width: 40px
}
.zm-side-olympic-country {
  width: 70px
}
.zm-side-olympic-country-img {
  vertical-align: -2px;
  border-radius: 1px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .1)
}
.zm-side-olympic-country-name {
  margin-left: 10px
}
.zm-side-olympic-class-link {
  margin: 5px 0 0 3px
}
.close-normal {
  display: inline-block;
  position: absolute;
  background: url(../img/close.gif)/*tpa=http://static.zhihu.com/static/img/close.gif*/ no-repeat center;
  top: 2px;
  right: 2px;
  width: 25px;
  height: 25px;
  opacity: .2;
  cursor: pointer
}
html.no-touch .close-normal:hover {
  opacity: .4
}
.poster {
  position: relative
}
#zh-side-olympic-container {
  margin: 0 0 20px
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
  .feed-item .time {
    float: none
  }
  .feed-item .collapse {
    display: none !important
  }
  .feed-item .hide-in-iphone {
    display: none !important
  }
}
html.touch .zu-autohide {
  visibility: visible
}
html.touch .feed-item .more_opt,
html.touch .feed-item .ignore {
  visibility: hidden !important;
  display: none !important
}
.zm-invite-title {
  margin-bottom: 10px
}
.zm-invite-title select {
  float: right;
  margin-top: 2px
}
.zm-invite-sort {
  float: left;
  padding: 5px 10px;
  background-color: #FBFBFB;
  margin-bottom: 15px
}
.zm-invite-sort-item {
  padding: 0 10px;
  color: #07B;
  cursor: pointer
}
.zm-invite-sort-item.active {
  font-weight: 700;
  color: #444
}
.zm-invite-ignore-all {
  display: block;
  float: right;
  cursor: pointer;
  padding: 5px 14px;
  color: #666
}
.zm-invite-item {
  padding: 10px 0
}
.zm-invite-item+.zm-invite-item {
  border-top: 1px solid #eee
}
.zm-invite-page-empty-msg {
  padding: 20px;
  text-align: center;
  vertical-align: middle
}
.zm-invite-item-info {
  margin-right: 60px
}
.zm-invite-item-meta a {
  color: #222
}
.zm-invite-item-info h3 {
  margin: 0 0 4px
}
.border-pager {
  margin-bottom: 10px;
  margin-top: 10px;
  border-top: 1px solid #eee;
  padding-top: 10px
}
.zm-invite-pager {
  text-align: center
}
.zm-invite-pager span {
  padding: 0 10px;
  font-size: 14px
}
html.touch .topic-item .pin,
html.touch .topic-item .unpin {
  visibility: visible !important
}
html.touch .topic-item .unfollow {
  display: none !important
}
.zm-item-fav .zm-item-meta-extra {
  margin-left: 48px
}
.page-explore .page-title {
  padding-bottom: 10px;
  color: #666;
  border-bottom: 1px solid #ccc
}
.page-explore .page-title .subtitle {
  font-size: 12px
}
.page-explore .page-title>a {
  margin-top: 3px
}
.page-explore .pagination {
  margin-top: 5px;
  padding-top: 8px;
  border-top: 1px solid #ccc
}
.explore-side-section.zm-side-section {
  margin: 0
}
.explore-side-section .section-title {
  border: 0
}
.explore-side-section .list {
  list-style: none
}
.explore-side-section .list>li {
  padding-bottom: 1em
}
.explore-side-section .list>li+li {
  padding-top: 1em;
  border-top: 1px solid #eee
}
.explore-side-section .avatar-link {
  float: left;
  margin-right: 10px
}
.explore-side-section .content {
  overflow: hidden
}
.explore-side-section .meta {
  color: #999
}
.explore-side-section .bottom {
  margin-top: 5px;
  clear: both
}
.explore-side-section .hot-roundtables-feature-popup {
  visibility: hidden
}
.explore-side-section .hot-roundtables-feature-popup.tooltip .tooltip-inner {
  padding: .5em .8em
}
.explore-side-section .hot-roundtables-feature-popup.tooltip .tooltip-arrow {
  top: 35px
}
.explore-side-section .hot-roundtables-feature-popup .feature-content {
  text-align: left
}
.explore-side-section .hot-roundtables-feature-popup .feature-action {
  margin-top: .5em;
  text-align: right
}
.explore-side-section .hot-roundtables-feature-popup .dismiss {
  color: #fff;
  cursor: pointer;
  text-decoration: none
}
.explore-feed-meta>a,
.explore-feed-meta {
  color: #999
}
.explore-editor-recommends .feed-title {
  font-weight: 400
}
.explore-editor-recommends .top-recommend-feed>.feed-title {
  font-size: 17px
}
.explore-editor-recommends .top-recommend-feed .zm-votebar,
.explore-editor-recommends .top-recommend-feed .zm-item-vote {
  top: 42px
}
.explore-editor-recommends .recommend-feed>.feed-title {
  font-size: 15px
}
.explore-editor-recommends .recommend-feed .feed-meta {
  padding-top: 3px
}
.explore-tab {
  margin-top: 10px
}
.explore-tab .tab-navs .tab-nav>a {
  color: #999
}
html.no-touch .explore-tab .tab-navs .tab-nav>a:hover {
  background: #eee
}
.explore-tab .tab-navs .tab-nav.active>a {
  color: inherit
}
.zm-item-post {
  position: relative;
  margin-left: 48px;
  outline: 0
}
.zm-item-post .collapse {
  display: none
}
.zm-item-post .author-info {
  font-weight: 700
}
.actioncard-feed-item .pager.mobile {
  margin-top: .5em;
  text-align: center
}
.actioncard-feed-item .pager.mobile a {
  margin: 0
}
.actioncard-feed-item .pager.mobile a[href] {
  color: #999
}
.actioncard-feed-item .pager a {
  margin-left: .5em;
  cursor: pointer;
  color: #698ebf;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}
.actioncard-feed-item .pager a:hover {
  text-decoration: none
}
.actioncard-feed-item .pager .disabled {
  cursor: default;
  color: #999
}
.actioncard-feed-item .items {
  margin: .5em 0 .6em
}
.actioncard-feed-item .topic-list .topic {
  margin-right: 5%;
  float: left;
  width: 21.25%
}
.actioncard-feed-item .topic-list .topic:last-child {
  margin: 0
}
.actioncard-feed-item .topic-list .topic .meta {
  margin-bottom: 3px;
  letter-spacing: -1px
}
.actioncard-feed-item .topic-list .name-link {
  display: inline-block;
  max-width: 100%;
  line-height: 1
}
.actioncard-feed-item .topic-list .avatar-link {
  display: block
}
.actioncard-feed-item .topic-list .avatar-link img {
  width: 100%;
  border-radius: 4px
}
.actioncard-feed-item .topic-list button[data-follow] {
  width: 100%
}
@media (max-width:480px) {
  .actioncard-feed-item .topic-list .topic {
    margin-bottom: 1em;
    float: none;
    width: 100%
  }
  .actioncard-feed-item .topic-list .item-body {
    padding: 0 1em
  }
  .actioncard-feed-item .topic-list .avatar-link,
  .actioncard-feed-item .topic-list .item-body {
    float: left
  }
  .actioncard-feed-item .topic-list .avatar-link {
    width: 48px;
    height: 48px
  }
  .actioncard-feed-item .topic-list button[data-follow] {
    float: right;
    width: auto
  }
}
.feed-item.topic-story-item .entry-body {
  margin-left: 48px
}
.feed-item.topic-story-item .ignore {
  top: 9px
}
.zm-item-expanded .question-description+.entry-body {
  border-top: solid 1px #eee;
  margin-top: 0;
  padding-top: 6px
}
a.zu-main-feed-fresh-button {
  display: block;
  background-color: #eff6fa;
  text-align: center;
  margin: 12px 0 2px;
  padding: 4px 10px;
  border-radius: 4px;
  color: #777;
  text-shadow: 0 1px 0 #fff;
  text-decoration: none !important;
  cursor: pointer;
  border: 1px solid #cce1ef
}
a.zu-main-feed-fresh-button:hover,
a.zu-main-feed-fresh-button:active {
  background: #daedf5;
  border: 1px solid #c7dff0;
  color: #666
}
.feed-item.combine {
  margin-left: 48px
}
.feed-item.combine .content h2,
.feed-item.combine .avatar,
.feed-item.combine .feed-question-detail-item,
.feed-item.combine .source {
  display: none
}
.feed-item.combine .feed-main {
  margin-left: 0
}
.feed-item.combine .content,
.feed-item.combine .entry-body {
  margin-top: 0
}
.feed-item.combine .ignore {
  display: none
}
.feed-item.combine.first-combine {
  margin-left: 0
}
.feed-item.combine.first-combine .content,
.feed-item.combine.first-combine .entry-body {
  margin-top: 2px
}
.feed-item.combine.first-combine .content h2,
.feed-item.combine.first-combine .avatar,
.feed-item.combine.first-combine .feed-question-detail-item,
.feed-item.combine.first-combine .source {
  display: block
}
.feed-item.combine.first-combine .feed-main {
  margin-left: 48px
}
.feed-item.combine.first-combine .ignore {
  display: block
}
#home-settings-page-wrap .home-settings-content {
  border-top: 1px solid #CCC
}
#home-settings-page-wrap .home-settings-section {
  padding: 15px 0 10px
}
#home-settings-page-wrap .home-settings-section+.home-settings-section {
  border-top: 1px solid #eee
}
.feed-item.item-has-focus .ignore {
  visibility: visible !important
}
.feed-item .zm-item-btn-collapse a {
  display: inline;
  padding-left: 14px;
  background: url(../img/fold-video.png)/*tpa=http://static.zhihu.com/static/img/fold-video.png*/ no-repeat left center
}
.feed-item .text-summary ol,
.feed-item .text-summary ul {
}
.feed-item .text-summary {
  position: relative
}
.feed-item .inline-img {
  display: inline;
  max-height: 100px;
  max-width: 180px;
  float: left;
  margin: 4px 10px 5px 0
}
.feed-item {
  padding: 10px 0;
  position: relative;
  margin-left: 0;
  outline: 0
}
.feed-item .zm-votebar {
  display: none;
  margin-top: -1px
}
.feed-item .zm-item-vote {
  margin-top: -1px
}
.feed-item .time {
  display: inline-block;
  font-size: 12px;
  color: #999;
  margin-left: 2px;
  float: right
}
.feed-item .entry-body,
.feed-item .zm-item-answer {
  margin-top: 3px
}
h2+.meta {
  margin: 0
}
.feed-item .avatar {
  float: left;
  margin: 3px 0 0
}
.feed-item .avatar,
.feed-item .avatar a,
.feed-item .avatar img {
  display: block;
  width: 38px;
  height: 38px
}
.feed-item .avatar img {
  border-radius: 3px
}
.feed-main {
  margin-left: 48px
}
.feed-main>.title {
  color: #999
}
.feed-main>.title>.zg-link {
  color: #999
}
.feed-item .entry-body {
  position: relative
}
.entry-body .zm-item-vote,
.zm-item-answer .zm-item-vote,
.zm-item-feed .zm-item-vote,
.zm-item-answer .zm-item-answer-summary {
  display: block
}
.entry-body .zm-item-vote-info,
.entry-body .full-content,
.zm-item-answer .zm-votebar,
.zm-item-feed .zm-votebar,
.zm-item-answer .zm-item-vote-info,
.zm-item-feed .zm-item-vote-info {
  display: none
}
.zm-item-expanded .zm-item-vote,
.zh-question-answer-wrapper .zm-item-vote,
.zm-item-expanded div.text-summary,
.zm-item-expanded .zm-item-answer-summary {
  display: none
}
.zm-item-expanded .zm-votebar,
.zh-question-answer-wrapper .zm-votebar,
.zh-question-answer-wrapper .zm-item-vote-info,
.zm-item-expanded .zm-item-vote-info,
.zm-item-expanded .zm-item-meta,
.zm-item-expanded a.collapse,
.zm-item-expanded .full-content {
  display: block
}
.feed-item .hidden-default {
  display: none
}
.feed-item.zm-item-expanded .hidden-default {
  display: block
}
.feed-item .entry-link {
  color: #999
}
.feed-item .source {
  color: #999
}
.feed-item .source a {
  color: #999
}
.feed-item .source a.follow-topic {
  color: #259
}
html.no-touch .feed-item .source a.follow-topic:hover {
  padding: 0 2px;
  text-decoration: none
}
html.no-touch .feed-item .source a:hover {
  color: #259
}
.question-description+.toggle-expand:hover {
  text-decoration: none
}
.feed-item .zm-tag-editor-labels {
  margin: 5px 0 0;
  display: none
}
.feed-item .question-description {
  display: none;
  padding-bottom: 6px
}
.feed-item.zm-item-expanded .zm-tag-editor-labels,
.feed-item.zm-item-expanded .question-description {
  display: block
}
.entry-body .zm-item-answer-author-wrap {
  margin: 0
}
.feed-summary {
  overflow: auto
}
.feed-summary b {
  font-weight: 400
}
.feed-thumbnail {
  display: inline;
  max-height: 100px;
  max-width: 120px;
  float: left;
  margin: 4px 10px 5px 0
}
.feed-item .ignore {
  position: absolute;
  right: 0;
  top: 35px;
  display: inline-block;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  background-image: url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/ ;
  background-repeat: no-repeat;
  background-position: -261px -62px
}
.feed-item .ignore:hover {
  background-position: -261px -42px
}
.feed-item .content h2 {
  margin-right: 20px
}
.feed-item .more_opt {
  cursor: pointer
}
.feed-item .more_opt:hover .options {
  display: block
}
.feed-item .ssep {
  border-top: 1px solid #EEE;
  margin: 3px 10px
}
.feed-item .options {
  position: absolute;
  display: block;
  right: 15px;
  top: 18px;
  border: 1px solid #DDD;
  padding: 3px 0;
  box-shadow: 0 1px 2px #EEE;
  border-radius: 4px 0 4px 4px;
  z-index: 1;
  background: #fff;
  display: none
}
.feed-item .options a {
  color: #666;
  padding: 2px 10px;
  display: block
}
.feed-item .options a:hover {
  text-decoration: none;
  background: #d6e9f8
}
.feed-item .dot {
  margin: 0 2px;
  color: #ddd;
  font-family: Arial
}
.feed-item .sep {
  font-size: 10px;
  display: inline-block;
  height: 10px;
  border-left: 1px solid #EEE
}
.feed-item .zm-item-vote-info,
.feed-item .zm-item-answer-author-info {
  margin-bottom: 2px
}
.feed-item .zm-item-vote-info.empty {
  margin: 0
}
.feed-item .zm-item-meta {
  margin-bottom: 0
}
.feed-item .answer-head {
  min-height: 0
}
.feed-item .author {
  font-weight: 700
}
.feed-item .author a {
  color: #222;
  font-weight: 700
}
.feed-item .author a:hover {
  color: #259
}
.feed-item a.question {
  font-size: 14px;
  font-weight: 700;
  display: inline-block
}
.feed-item .meta {
  color: #999;
  margin-bottom: 0
}
.feed-item .downvote {
  padding-left: 6px
}
.feed-item .upvote {
}
.feed-item .upvote i,
.feed-item .downvote i {
  margin-right: 5px
}
.feed-item .collapse {
  display: none;
  float: right
}
.feed-item .comment,
.feed-item .collect,
.feed-item .vote_actions,
.feed-item .follow {
}
.feed-item .comment i,
.feed-item .collect i,
.feed-item .share i,
.feed-item .collapse i,
.feed-item .follow i {
  margin-right: 5px
}
.feed-item .more_opt {
  visibility: hidden
}
.feed-item:hover .more_opt {
  visibility: visible
}
.answer_snippet {
  margin-top: 4px
}
.answer_snippet {
}
.feed-item+.feed-item {
  border-top: 1px solid #eee
}
.feed-separator {
  position: relative;
  margin-top: 20px;
  border-top: 1px solid #1f78ba;
  text-align: center;
  color: #259
}
.feed-separator span {
  position: relative;
  top: -10px;
  display: inline-block;
  padding: 0 20px;
  background: #fff
}
#zh-question-collapsed-wrap .zm-item-answer:first-child .zm-item-answer-detail {
  border-top: 0
}
.manage-menu .goog-menuitem-content {
  color: #999
}
.manage-menu .goog-menuitem-accel {
  color: #ccc;
  direction: ltr;
  left: auto;
  padding: 0 6px;
  position: absolute;
  right: 0;
  text-align: right
}
.manage-menu .goog-menuitem {
  color: #000;
  font: 400 13px Arial, sans-serif;
  list-style: none;
  margin: 0;
  padding: 4px 2em 4px 10px;
  white-space: nowrap
}
.manage-menu .goog-submenu-arrow {
  left: auto;
  padding-right: 6px;
  position: absolute;
  right: 0;
  text-align: right
}
.maybe-intrests {
  padding: 8px 15px
}
.maybe-intrests .feed-item+.feed-item {
  border-top: 1px dotted #EEE
}
.maybe-intrests .feed-item {
  margin-left: 0
}
.maybe-intrests .feed-item .feed-main {
  margin-left: 0
}
.maybe-intrests .feed-item .feed-main .source a {
  color: #000
}
.maybe-intrests .feed-item .entry-body {
  margin-left: 48px
}
.maybe-intrests .feed-item h2 {
  margin-bottom: 2px
}
.maybe-intrests .feed-item .feed-meta {
  margin-left: 48px
}
.maybe-intrests .feed-item .feed-meta .ignore {
  display: none
}
.maybe-intrests .ignore,
.maybe-intrests .avatar {
  display: none
}
.maybe-intrests .header {
  border-bottom: 1px dotted #eee;
  margin: 0 -15px;
  padding: 0 15px 8px
}
.feed-item .feed-topic-detail {
  margin-top: 10px;
  *zoom: 1
}
.feed-item .feed-topic-detail:before,
.feed-item .feed-topic-detail:after {
  display: table;
  content: ""
}
.feed-item .feed-topic-detail:after {
  clear: both
}
.feed-item .feed-topic-detail .topic-name {
  font-size: 14px
}
.feed-item .feed-topic-detail .topic-avatar {
  float: left;
  width: 75px;
  height: 75px;
  margin-right: 10px
}
.feed-item .feed-topic-detail .topic-avatar img {
  border-radius: 3px;
  width: 75px;
  height: 75px
}
.feed-item .feed-topic-detail .summary {
  color: #999
}
.feed-item .author-info,
.feed-item .author-info a {
  color: #222;
  font-weight: 700
}
.feed-hide-options {
  margin-left: 48px;
  color: #999
}
.feed-hide-options .close-button {
  position: absolute;
  right: 0;
  top: 10px
}
.feed-hide-options .line+.line {
  margin-top: 6px
}
.feed-hide-options .revert-button {
  color: #999
}
.feed-hide-options .option-more a {
  color: #222
}
.feed-hide-options .option-more .icon {
  margin-right: 8px
}
.post-body a.collapse {
  margin-top: 23px;
  margin-left: 10px
}
.feed-item .undo-dislike-options {
  margin-left: 48px;
  position: relative;
  display: none;
  color: #999
}
.feed-item .undo-dislike-options .close {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  background-image: url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/ ;
  background-repeat: no-repeat;
  background-position: -261px -62px;
  opacity: 1
}
.feed-item .roundtable,
.feed-item .column {
  padding-top: 5px;
  overflow: hidden
}
.feed-item .roundtable .left,
.feed-item .column .left {
  float: left;
  margin-right: 15px
}
.feed-item .roundtable .left img,
.feed-item .column .left img {
  width: 100px
}
.feed-item .roundtable .right,
.feed-item .column .right {
  position: relative;
  overflow: hidden
}
.feed-item .roundtable .content,
.feed-item .column .content {
  padding: 0 0 5px
}
.feed-item .roundtable .info,
.feed-item .column .info {
  border-top: 1px solid #eee;
  padding: 6px 0 0
}
.feed-item .roundtable .left img {
  border-radius: 4px
}
.feed-item .roundtable .info-organization,
.feed-item .roundtable .info-guest {
  color: #999
}
.feed-item .column .left img {
  border-radius: 50%
}
.feed-item .column .info-title,
.feed-item .column .info-time {
  color: #999
}
.feed-item .column .info-content {
  color: #222;
  cursor: pointer
}
.zh-general-list.topstory2 .source .time {
  margin-left: 0;
  float: none
}
.zh-general-list.topstory2 .feed-meta .ignore {
  top: 11px
}
#zh-topstory2-nomore {
  padding-top: 10px;
  border-top: 1px solid #eee;
  text-align: center;
  color: #999
}
#zh-topstory2-newblock {
  position: fixed;
  z-index: 100;
  top: 66px;
  left: 50%;
  margin-left: -232px;
  padding: 6px 40px;
  border-radius: 5px;
  box-shadow: 0 2px 2px rgba(100, 100, 100, .25), inset 0 1px 0 rgba(255, 255, 255, .15);
  background: #51a4e7;
  background: rgba(81, 164, 231, .95);
  color: #fff;
  text-decoration: none;
  letter-spacing: 1px;
  -webkit-transition: .14s background ease-in-out;
  transition: .14s background ease-in-out
}
#zh-topstory2-newblock:hover {
  background: rgba(81, 164, 231, .75)
}
#zh-topstory2-loading-newblock {
  color: #999;
  padding: 20px;
  text-align: center
}
#zh-main-feed-fresh-button.force-hide {
  display: none !important
}
@media only screen and (max-width:767px) {
  #zh-topstory2-newblock {
    top: 46px;
    margin-left: -68px
  }
}
hr.devider {
  margin: 22px 0;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #fff
}
.devider.hr-medium {
  margin: 11px 0
}
.devider.hr-small {
  margin: 5px 0
}
.home-suggest-block {
  margin: 0 0 20px
}
.bordered-block {
  border: solid 1px #ddd;
  border-radius: 4px
}
.bordered-block .head {
  border-bottom: 1px solid #DDD
}
.bordered-block .head-inner {
  padding: 10px 15px;
  font-size: 14px;
  color: #666
}
.home-suggest-block .head-inner {
  text-align: center;
  padding: 10px 15px;
  font-size: 14px;
  color: #666;
  margin: 10px 0
}
.bordered-block .close {
  margin: 4px 0 0
}
.suggest-list {
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 172px
}
.suggest-list .bubble-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px
}
.suggest-item {
  width: 33.2%;
  display: block;
  zoom: 1;
  float: left;
  margin: 0
}
.avatar-img-25 {
  width: 25px;
  height: 25px;
  border-radius: 1px
}
.avatar-img-40 {
  width: 40px;
  height: 40px;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(255, 255, 255, .2) inset, 0 1px 0 rgba(0, 0, 0, .1)
}
.avatar-img-50 {
  width: 50px;
  height: 50px;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(255, 255, 255, .2) inset, 0 1px 0 rgba(0, 0, 0, .1)
}
.suggest-item+.suggest-item {
  border-left: solid 1px #ddd
}
.suggest-item-inner {
  padding: 12px 15px
}
.suggest-item-inner .image-link {
  float: left;
  width: 40px;
  height: 40px;
  margin: 2px 0 0
}
.suggest-item-inner .item-link {
  font-size: 14px;
  font-weight: 700
}
.item-info-major {
  color: #666
}
.item-info-minor {
  color: #999
}
.suggest-item-inner .details {
  margin: 8px 0 0;
  height: 22px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.suggest-item-inner .item-main {
  overflow: hidden;
  padding: 0 0 0 12px
}
.suggest-item-inner .zm-item-link-avatar img {
  width: 35px;
  position: absolute
}
.suggest-item-inner .suggest-item-main {
  overflow: hidden;
  padding: 0 0 0 40px
}
.suggest-item-inner .item-extra {
  line-height: 22px
}
.suggest-list+.zu-button-more {
  margin: 10px 15px 15px
}
.suggest-item-inner .summary {
  height: 26px
}
.suggest-list.vertical {
  min-height: 400px
}
.suggest-list.vertical .suggest-item {
  width: 100%;
  float: none
}
.suggest-list.vertical .suggest-item+.suggest-item {
  border-left: 0;
  border-top: solid 1px #eee
}
.bordered-block-menu {
  margin: -1px 0 0 0;
  float: left;
  border-right: solid 1px #ddd
}
.bordered-block-menu-item {
  display: block;
  zoom: 1;
  margin: 0
}
.bordered-block-menu-link {
  color: #333;
  display: block;
  border-bottom: solid 1px transparent;
  border-top: solid 1px transparent
}
.bordered-block-menu-link:hover {
  text-decoration: none
}
html.no-touch .bordered-block-menu-link:hover {
  margin: 0
}
html.no-touch .bordered-block-menu-link:hover .bordered-block-menu-text {
  background: #fafafa;
  color: #222
}
.goog-tab-selected .bordered-block-menu-link {
  border: solid 1px #ccc;
  margin: 0 -1px
}
.goog-tab-selected .bordered-block-menu-text,
html.no-touch .goog-tab-selected .bordered-block-menu-link:hover .bordered-block-menu-text {
  background: #FBFBFB;
  box-shadow: inset 0 0 10px #EAEAEA;
  color: #222
}
.bordered-block-menu-text {
  display: block;
  padding: 10px 15px;
  color: #666
}
.suggest-people-by-class .suggest-list {
  border-left: solid 1px #ddd;
  overflow: hidden;
  margin-left: -1px
}
.zu-main-content-inner.with-indention-votebar {
  margin-left: 48px
}
@media (max-width:480px) {
  .zu-main-content-inner.with-indention-votebar {
    margin: 0 10px
  }
}
.zu-main-content-inner.with-indention-votebar .zm-item-answer {
  margin-left: 0
}
.zh-question-related-questions li {
  list-style: none;
  margin-bottom: 8px
}
.zh-question-related-questions .num {
  display: inline-block;
  color: #999
}
.zh-question-related-questions .next {
  margin-top: 1px;
  color: #999;
  cursor: pointer;
  text-decoration: none
}
.question-status {
  background: #f6f6f6;
  border-radius: 4px;
  margin: 0 0 20px;
  padding: 14px 20px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .06)
}
.question-status h4 {
  font-size: 18px
}
.question-status .reason {
  margin-top: 4px
}
.question-status .note {
  color: #999;
  margin-top: 4px
}
.question-tip-box-bottom {
  margin-top: 15px;
  border-top: 1px solid #eee;
  padding: 10px 0;
  color: #666
}
.question-tip-box-bottom a[name=cancel] {
  margin-right: 10px
}
.first-question-tip {
  line-height: 1.9;
  padding: 10px;
  border: 1px solid #eee;
  margin-bottom: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #666
}
.first-question-tip h4 {
  color: #222
}
.first-question-tip ul {
  list-style-position: inside
}
.question-page-pager {
  margin-top: 10px
}
.answers-sorter {
  overflow: hidden;
  height: 24px;
  position: absolute;
  right: -9px;
  background: #fff
}
.answers-sorter:hover,
.answers-sorter.activated {
  margin-top: -1px;
  right: -10px;
  z-index: 1;
  height: auto;
  border: 1px solid #ddd;
  border-color: #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  text-decoration: none
}
.answers-sorter .zg-icon-double-arrow {
  position: absolute;
  top: 4px;
  right: 3px
}
.answers-sorter .lbl,
.answers-sorter a.lbl {
  padding: 0 19px 0 7px;
  text-decoration: none;
  display: block;
  color: #999
}
.answers-sorter a.lbl:hover {
  background-color: #eee
}
.user-guiding-dialog ol {
  margin-left: 18px
}
.user-guiding-dialog .command {
  overflow: hidden;
  margin-top: 15px;
  background-size: contain;
  background-repeat: no-repeat
}
.user-guiding-dialog .command a {
  display: block;
  float: right
}
.user-guiding-dialog .modal-dialog-content {
  margin: 20px 0
}
.user-guiding-dialog .view-firsttip .command {
  background-image: url(../img/user_guiding/tips-search.png)/*tpa=http://static.zhihu.com/static/img/user_guiding/tips-search.png*/
}
.user-guiding-dialog .view-firsttip .command a {
  margin-top: 95px
}
@media (max-width:480px) {
  .user-guiding-dialog .view-firsttip .command a {
    margin-top: 140px
  }
}
.user-guiding-dialog .view-secondtip .command {
  background-image: url(../img/user_guiding/tips-topic.png)/*tpa=http://static.zhihu.com/static/img/user_guiding/tips-topic.png*/
}
.user-guiding-dialog .view-secondtip .command a {
  margin-top: 65px
}
@media (max-width:480px) {
  .user-guiding-dialog .view-secondtip .command a {
    margin-top: 100px
  }
}
.user-guiding-dialog .view-thirdtip .command {
  background-image: url(../img/user_guiding/tips-invite.png)/*tpa=http://static.zhihu.com/static/img/user_guiding/tips-invite.png*/
}
.user-guiding-dialog .view-thirdtip .command a {
  margin-top: 55px
}
@media (max-width:480px) {
  .user-guiding-dialog .view-thirdtip .command a {
    margin-top: 106px
  }
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2) {
  .user-guiding-dialog .view-firsttip .command {
    background-image: url(../img/user_guiding/tips-search@2x.png)/*tpa=http://static.zhihu.com/static/img/user_guiding/tips-search@2x.png*/
  }
  .user-guiding-dialog .view-secondtip .command {
    background-image: url(../img/user_guiding/tips-topic@2x.png)/*tpa=http://static.zhihu.com/static/img/user_guiding/tips-topic@2x.png*/
  }
  .user-guiding-dialog .view-thirdtip .command {
    background-image: url(../img/user_guiding/tips-invite@2x.png)/*tpa=http://static.zhihu.com/static/img/user_guiding/tips-invite@2x.png*/
  }
}
.topic-item-feed-digest .zg-link-litblue {
  display: none
}
.stretch-to {
  width: 175px;
  -webkit-transition-property: width;
  -o-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  transition-timing-function: ease-out
}
.pin-topic-moving {
  cursor: move;
  z-index: 9999;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}
.topic-feed-title {
  font-size: 14px;
  font-weight: 700;
  color: #666;
  margin-bottom: 10px
}
.title-meta-info {
  color: #999;
  font-size: 13px;
  font-weight: 400;
  float: right
}
.topic-feed-container {
  border-top: 1px solid #ccc
}
.topic-item+.topic-item {
  border-top: 1px solid #eee
}
.topic-item {
  padding: 15px 0
}
.topic-avatar {
  float: left;
  position: relative;
  margin-top: 4px;
  width: 50px;
  height: 50px
}
.topic-avatar-img {
  border-radius: 3px;
  width: 50px;
  height: 50px
}
.topic-item-content {
  margin: -3px 0 0 64px
}
.topic-item-title {
  margin-bottom: 6px;
  word-break: break-all
}
.topic-item-title-link {
  color: #222
}
.topic-feed-item {
  margin-bottom: 6px
}
.no-topics {
  color: #999;
  font-size: 12px;
  font-weight: 400;
  margin-top: 30px;
  text-align: center
}
.no-topics h6 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #666;
  font-size: 13px;
  font-weight: 400
}
.no-pin-topics {
  color: #999
}
.topics-nomore-recommend {
  display: none;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  background-image: url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/ ;
  background-repeat: no-repeat;
  background-position: -261px -62px
}
.topic-recommend {
  margin-top: 25px;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 0 #f2f4f5
}
.topic-recommend .topic-recommend-head {
  overflow: hidden;
  padding: 7px 14px;
  border-bottom: 1px solid #EEE
}
.topic-recommend .topic-recommend-name {
  float: left;
  font-size: 14px;
  font-weight: 700;
  color: #666
}
.topic-recommend .topic-recommend-list {
  padding: 0 14px
}
.topic-recommend:hover .topics-nomore-recommend {
  display: block
}
.topics-pager {
  position: relative;
  margin-left: 12px;
  top: 2px
}
.topics-pager.disabled {
  color: #999;
  cursor: default
}
.topics-pager.disabled:hover {
  text-decoration: none
}
.hidden-topics-plaza {
  border-top: 1px solid #eee;
  padding: 16px 0;
  text-align: center;
  background: #f7f7f7;
  color: #666;
  font-size: 14px
}
.new-follow-topics {
  display: block;
  width: 261px;
  padding: 5px 0;
  margin: 30px auto 43px;
  border: 1px solid #cce1ef;
  border-radius: 4px;
  background: #eff6fA;
  text-align: center;
  color: #5488b4
}
.new-follow-topics:hover {
  text-decoration: none
}
.topics-plaza {
  margin-bottom: 20px;
  padding: 34px 0;
  border: 1px solid #cce1ef;
  border-radius: 4px;
  background: #eff6fA;
  text-align: center
}
.topics-plaza a.text {
  display: block;
  margin-top: 20px;
  font-size: 13px;
  color: #5488b4
}
.bull {
  margin: 0 3px;
  color: #bbb
}
.side-topic-item.cursor-move {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none
}
.ui-sortable-helper {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
  z-index: 1;
  margin: 0
}
.ui-sortable-helper+.side-topic-item {
}
.ui-sortable-placeholder {
  border: 3px dashed #EEE;
  height: 57px;
  visibility: visible !important
}
.z-icon-unpin {
  background-position: -27px -52px;
  width: 14px;
  height: 11px;
  vertical-align: -1px;
  margin-right: 3px
}
a.unpin,
a.pin {
  margin-left: 3px
}
.z-icon-pin {
  background-position: -25px -67px;
  width: 14px;
  height: 11px;
  vertical-align: -1px;
  margin-right: 3px
}
.topic-hover-content {
  display: inline-block;
  visibility: hidden
}
html.no-touch .topic-item:hover .topic-hover-content,
html.no-touch .topic-info:hover .topic-hover-content {
  visibility: visible
}
.topic-name {
  position: relative
}
.topic-name .topic-hover-content {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100
}
.side-topic-item .up {
  background: url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/ no-repeat -263px -84px;
  background-color: #698EBF;
  border-radius: 3px;
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  visibility: hidden
}
.side-topic-item .delete {
  background: url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/ no-repeat -264px -103px;
  background-color: #698EBF;
  border-radius: 3px;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 30px;
  top: 10px;
  visibility: hidden
}
html.no-touch .side-topic-item .up:hover {
  background-color: #259
}
html.no-touch .side-topic-item .delete:hover {
  background-color: #259
}
.side-topic-item {
  border-radius: 4px;
  border: 1px solid #DDD;
  padding: 10px;
  width: 242px;
  background: #fff;
  position: relative
}
.side-topic-avatar {
  width: 38px;
  height: 38px;
  border-radius: 4px
}
.side-topic-content {
  margin-left: 50px;
  white-space: nowrap;
  text-overflow: ellipsis
}
.side-topic-content .topic-link {
  display: inline-block;
  font-weight: 700;
  max-width: 145px;
  margin-right: 35px;
  overflow: hidden;
  text-overflow: ellipsis
}
.side-topic-meta {
  color: #999;
  line-height: 16px
}
.side-topic-more {
  display: none;
  color: #698ebf;
  font-size: 12px;
  line-height: 16px
}
.side-topic-item {
  margin-bottom: 15px
}
.side-title {
  color: #555
}
.side-topic-item:hover .up,
.side-topic-item:hover .delete {
  visibility: visible
}
.topic-pages,
.topic-feed-page,
.topic-top-page,
.topic-quesiton-page {
}
.topic-pages .feed-switcher,
.topic-feed-page .feed-switcher,
.topic-top-page .feed-switcher,
.topic-quesiton-page .feed-switcher {
  border-bottom: 1px solid #eee;
  text-align: right;
  padding: 10px 0;
  color: #999;
  font-size: 12px
}
.topic-pages .feed-switcher span,
.topic-feed-page .feed-switcher span,
.topic-top-page .feed-switcher span,
.topic-quesiton-page .feed-switcher span,
.topic-pages .feed-switcher a,
.topic-feed-page .feed-switcher a,
.topic-top-page .feed-switcher a,
.topic-quesiton-page .feed-switcher a {
  margin: 0 3px
}
.topic-pages .feed-item .content h2,
.topic-feed-page .feed-item .content h2,
.topic-top-page .feed-item .content h2,
.topic-quesiton-page .feed-item .content h2 {
  margin-right: 0
}
.topic-pages .ignore,
.topic-feed-page .ignore,
.topic-top-page .ignore,
.topic-quesiton-page .ignore {
  display: none
}
.topic-pages .time,
.topic-feed-page .time,
.topic-top-page .time,
.topic-quesiton-page .time {
  font-weight: 400
}
.topic-pages .zu-top-feed-list .feed-item h2,
.topic-feed-page .zu-top-feed-list .feed-item h2,
.topic-top-page .zu-top-feed-list .feed-item h2,
.topic-quesiton-page .zu-top-feed-list .feed-item h2 {
  margin-bottom: 2px
}
.topic-pages .zu-top-feed-list .feed-item .feed-meta,
.topic-feed-page .zu-top-feed-list .feed-item .feed-meta,
.topic-top-page .zu-top-feed-list .feed-item .feed-meta,
.topic-quesiton-page .zu-top-feed-list .feed-item .feed-meta {
  margin-left: 48px
}
.topic-pages .zu-top-feed-list .feed-item .feed-meta .ignore,
.topic-feed-page .zu-top-feed-list .feed-item .feed-meta .ignore,
.topic-top-page .zu-top-feed-list .feed-item .feed-meta .ignore,
.topic-quesiton-page .zu-top-feed-list .feed-item .feed-meta .ignore {
  display: none
}
.topic-pages .zu-top-feed-list .feed-item.combine.first-combine,
.topic-feed-page .zu-top-feed-list .feed-item.combine.first-combine,
.topic-top-page .zu-top-feed-list .feed-item.combine.first-combine,
.topic-quesiton-page .zu-top-feed-list .feed-item.combine.first-combine {
  margin-left: 0
}
.topic-pages .zu-top-feed-list .feed-item.combine.first-combine .feed-main,
.topic-feed-page .zu-top-feed-list .feed-item.combine.first-combine .feed-main,
.topic-top-page .zu-top-feed-list .feed-item.combine.first-combine .feed-main,
.topic-quesiton-page .zu-top-feed-list .feed-item.combine.first-combine .feed-main {
  margin-left: 0
}
.topic-pages .zu-top-feed-list .feed-item.combine,
.topic-feed-page .zu-top-feed-list .feed-item.combine,
.topic-top-page .zu-top-feed-list .feed-item.combine,
.topic-quesiton-page .zu-top-feed-list .feed-item.combine {
  margin-left: 32px
}
.topic-pages .zu-top-feed-list .feed-item.combine .feed-main,
.topic-feed-page .zu-top-feed-list .feed-item.combine .feed-main,
.topic-top-page .zu-top-feed-list .feed-item.combine .feed-main,
.topic-quesiton-page .zu-top-feed-list .feed-item.combine .feed-main {
  margin-left: -30px
}
.topic-pages .zu-top-feed-list .feed-item+.feed-item.combine,
.topic-feed-page .zu-top-feed-list .feed-item+.feed-item.combine,
.topic-top-page .zu-top-feed-list .feed-item+.feed-item.combine,
.topic-quesiton-page .zu-top-feed-list .feed-item+.feed-item.combine {
  border-top: 1px dotted #EEE
}
.topic-pages .zu-top-feed-list .feed-item+.feed-item.combine.first-combine,
.topic-feed-page .zu-top-feed-list .feed-item+.feed-item.combine.first-combine,
.topic-top-page .zu-top-feed-list .feed-item+.feed-item.combine.first-combine,
.topic-quesiton-page .zu-top-feed-list .feed-item+.feed-item.combine.first-combine {
  border-top: 1px solid #EEE
}
.topic-pages .feed-item .zg-bull,
.topic-feed-page .feed-item .zg-bull,
.topic-top-page .feed-item .zg-bull,
.topic-quesiton-page .feed-item .zg-bull,
.topic-pages .zm-item-answer .zg-bull,
.topic-feed-page .zm-item-answer .zg-bull,
.topic-top-page .zm-item-answer .zg-bull,
.topic-quesiton-page .zm-item-answer .zg-bull {
  margin-left: 0
}
.topic-pages .topic-avatar .zm-entry-head-side,
.topic-feed-page .topic-avatar .zm-entry-head-side,
.topic-top-page .topic-avatar .zm-entry-head-side,
.topic-quesiton-page .topic-avatar .zm-entry-head-side {
  width: 50px
}
.topic-pages .topic-avatar .zm-entry-head-avatar-link,
.topic-feed-page .topic-avatar .zm-entry-head-avatar-link,
.topic-top-page .topic-avatar .zm-entry-head-avatar-link,
.topic-quesiton-page .topic-avatar .zm-entry-head-avatar-link {
  display: block;
  position: relative;
  width: 50px;
  height: 50px
}
.topic-pages .topic-avatar .zm-entry-head-avatar-link img.zm-avatar-editor-preview,
.topic-feed-page .topic-avatar .zm-entry-head-avatar-link img.zm-avatar-editor-preview,
.topic-top-page .topic-avatar .zm-entry-head-avatar-link img.zm-avatar-editor-preview,
.topic-quesiton-page .topic-avatar .zm-entry-head-avatar-link img.zm-avatar-editor-preview {
  width: 50px;
  height: 50px;
  border-radius: 4px
}
.topic-pages .topic-info .topic-name,
.topic-feed-page .topic-info .topic-name,
.topic-top-page .topic-info .topic-name,
.topic-quesiton-page .topic-info .topic-name {
  margin: 0 0 8px 65px
}
.topic-pages .topic-info .topic-name h1,
.topic-feed-page .topic-info .topic-name h1,
.topic-top-page .topic-info .topic-name h1,
.topic-quesiton-page .topic-info .topic-name h1 {
  font-size: 18px
}
.topic-pages .topic-info .zm-topic-topbar-nav,
.topic-feed-page .topic-info .zm-topic-topbar-nav,
.topic-top-page .topic-info .zm-topic-topbar-nav,
.topic-quesiton-page .topic-info .zm-topic-topbar-nav {
  margin-left: 65px
}
.topic-pages .topic-header-side .zm-entry-head-side,
.topic-feed-page .topic-header-side .zm-entry-head-side,
.topic-top-page .topic-header-side .zm-entry-head-side,
.topic-quesiton-page .topic-header-side .zm-entry-head-side {
  width: 68px
}
.topic-pages .topic-header-side .zm-entry-head-avatar-link,
.topic-feed-page .topic-header-side .zm-entry-head-avatar-link,
.topic-top-page .topic-header-side .zm-entry-head-avatar-link,
.topic-quesiton-page .topic-header-side .zm-entry-head-avatar-link {
  display: block;
  position: relative;
  width: 68px;
  height: 68px
}
.topic-pages .topic-header-side .zm-entry-head-avatar-link img.zm-avatar-editor-preview,
.topic-feed-page .topic-header-side .zm-entry-head-avatar-link img.zm-avatar-editor-preview,
.topic-top-page .topic-header-side .zm-entry-head-avatar-link img.zm-avatar-editor-preview,
.topic-quesiton-page .topic-header-side .zm-entry-head-avatar-link img.zm-avatar-editor-preview {
  width: 68px;
  height: 68px;
  border-radius: 4px
}
.topic-pages .topic-header-side #zh-topic-desc,
.topic-feed-page .topic-header-side #zh-topic-desc,
.topic-top-page .topic-header-side #zh-topic-desc,
.topic-quesiton-page .topic-header-side #zh-topic-desc {
  margin-top: 15px
}
.topic-pages .topic-header-side .zm-entry-head-main,
.topic-feed-page .topic-header-side .zm-entry-head-main,
.topic-top-page .topic-header-side .zm-entry-head-main,
.topic-quesiton-page .topic-header-side .zm-entry-head-main {
  margin: 0 0 0 80px
}
.topic-pages .topic-header-side #zh-topic-title,
.topic-feed-page .topic-header-side #zh-topic-title,
.topic-top-page .topic-header-side #zh-topic-title,
.topic-quesiton-page .topic-header-side #zh-topic-title {
  height: 68px;
  position: relative
}
.topic-pages .topic-header-side #zh-topic-side-head .zu-entry-focus-button,
.topic-feed-page .topic-header-side #zh-topic-side-head .zu-entry-focus-button,
.topic-top-page .topic-header-side #zh-topic-side-head .zu-entry-focus-button,
.topic-quesiton-page .topic-header-side #zh-topic-side-head .zu-entry-focus-button {
  margin-right: 13px
}
.topic-pages .topic-header-side #zh-topic-side-head .zm-topic-side-followers-info,
.topic-feed-page .topic-header-side #zh-topic-side-head .zm-topic-side-followers-info,
.topic-top-page .topic-header-side #zh-topic-side-head .zm-topic-side-followers-info,
.topic-quesiton-page .topic-header-side #zh-topic-side-head .zm-topic-side-followers-info {
  line-height: 32px;
  margin-left: 0
}
.topic-pages .zm-topic-topbar,
.topic-feed-page .zm-topic-topbar,
.topic-top-page .zm-topic-topbar,
.topic-quesiton-page .zm-topic-topbar {
  margin-top: 4px
}
.topic-pages .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item,
.topic-feed-page .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item,
.topic-top-page .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item,
.topic-quesiton-page .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item {
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #eee
}
.topic-pages .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item:last-child,
.topic-feed-page .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item:last-child,
.topic-top-page .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item:last-child,
.topic-quesiton-page .zm-topic-topbar .zm-topic-topbar-nav-list .zm-topic-topbar-nav-list-item:last-child {
  border-right: 0
}
.topic-pages .zm-topic-list-container .feed-main,
.topic-feed-page .zm-topic-list-container .feed-main,
.topic-top-page .zm-topic-list-container .feed-main,
.topic-quesiton-page .zm-topic-list-container .feed-main {
  margin-left: 0
}
.topic-pages .zm-topic-list-container .feed-item .entry-body,
.topic-feed-page .zm-topic-list-container .feed-item .entry-body,
.topic-top-page .zm-topic-list-container .feed-item .entry-body,
.topic-quesiton-page .zm-topic-list-container .feed-item .entry-body {
  margin-left: 48px
}
.topic-pages .zm-topic-list-container .feed-item .more_opt,
.topic-feed-page .zm-topic-list-container .feed-item .more_opt,
.topic-top-page .zm-topic-list-container .feed-item .more_opt,
.topic-quesiton-page .zm-topic-list-container .feed-item .more_opt {
  display: none !important
}
.topic-pages .child-topic .zm-topic-side-title-link,
.topic-feed-page .child-topic .zm-topic-side-title-link,
.topic-top-page .child-topic .zm-topic-side-title-link,
.topic-quesiton-page .child-topic .zm-topic-side-title-link {
  display: inline-block;
  margin-top: 5px
}
.topic-pages .related-news,
.topic-feed-page .related-news,
.topic-top-page .related-news,
.topic-quesiton-page .related-news {
  color: #666
}
.topic-pages .related-news .news_source,
.topic-feed-page .related-news .news_source,
.topic-top-page .related-news .news_source,
.topic-quesiton-page .related-news .news_source {
  color: #999;
  text-align: right
}
.topic-pages .related-news h3,
.topic-feed-page .related-news h3,
.topic-top-page .related-news h3,
.topic-quesiton-page .related-news h3 {
  font-weight: 700;
  color: #222
}
.topic-pages .related-news li,
.topic-feed-page .related-news li,
.topic-top-page .related-news li,
.topic-quesiton-page .related-news li {
  list-style: none
}
.topic-pages .related-news li+li,
.topic-feed-page .related-news li+li,
.topic-top-page .related-news li+li,
.topic-quesiton-page .related-news li+li {
  margin-top: 5px;
  border-top: 1px dotted #EEE;
  padding-top: 10px
}
.topic-pages .related-news a,
.topic-feed-page .related-news a,
.topic-top-page .related-news a,
.topic-quesiton-page .related-news a {
  font-weight: 700
}
.topic-pages .stock-info,
.topic-feed-page .stock-info,
.topic-top-page .stock-info,
.topic-quesiton-page .stock-info,
.topic-pages .company-info,
.topic-feed-page .company-info,
.topic-top-page .company-info,
.topic-quesiton-page .company-info {
  color: #555
}
.topic-pages .stock-info h3,
.topic-feed-page .stock-info h3,
.topic-top-page .stock-info h3,
.topic-quesiton-page .stock-info h3,
.topic-pages .company-info h3,
.topic-feed-page .company-info h3,
.topic-top-page .company-info h3,
.topic-quesiton-page .company-info h3 {
  color: #222
}
.topic-pages .stock-info table,
.topic-feed-page .stock-info table,
.topic-top-page .stock-info table,
.topic-quesiton-page .stock-info table {
  border-spacing: 0
}
.topic-pages .stock-info table td,
.topic-feed-page .stock-info table td,
.topic-top-page .stock-info table td,
.topic-quesiton-page .stock-info table td {
  padding: 0
}
.topic-pages .stock-info .divide,
.topic-feed-page .stock-info .divide,
.topic-top-page .stock-info .divide,
.topic-quesiton-page .stock-info .divide {
  border-right: 1px solid #EEE
}
.zm-topic-list-container .subtopic {
  margin-bottom: 2px;
  color: #999
}
.zm-topic-list-container .subtopic a {
  color: #555
}
.topic-header-bar-search .icon-magnify {
  vertical-align: -1px
}
#zh-current-topic-bio .zm-editable-editor-outer {
  padding: 0
}
.zm-topic-tree ul,
.zu-topic-organize-list-parent {
  margin: 0 0 10px 1.6em;
  list-style: circle outside
}
.zm-topic-tree li,
.zu-topic-organize-list-item {
  margin: 0 0 5px
}
.zm-entry-head-wrap {
  overflow: hidden
}
.zm-entry-head-side {
  float: left;
  width: 100px
}
.topic-avatar:hover>.zm-entry-head-avatar-edit-button {
  display: block
}
.topic-avatar.disabled:hover>.zm-entry-head-avatar-edit-button {
  display: none
}
.zm-entry-head-main {
  margin: 0 0 0 115px
}
.zm-topic-top,
.zm-topic-wait {
  float: left;
  width: 280px;
  padding: 20px 0
}
.zm-topic-top {
  margin-right: 50px
}
.zm-topic-top-container {
  border-top: 2px solid #ddd
}
.zm-topic-top-list {
  margin: 0;
  padding: 0
}
.zm-topic-top-list-item {
  margin-bottom: 10px;
  list-style: none
}
.zm-topic-main-module {
  padding: 12px 0
}
.zm-topic-main-module+.zm-topic-main-module {
  border-top: 1px solid #eee
}
.zm-topic-organize-loadmore a {
  color: #999
}
#zh-current-topic-bio {
  min-height: 25px
}
.zh-question-followers-sidebar {
  margin: 15px 0
}
.zh-question-followers-sidebar>.list {
  margin: 10px 0 20px
}
.zh-question-followers-sidebar>.list .zm-item-img-avatar {
  border-radius: 2px;
  width: 25px;
  height: 25px
}
.zm-topic-side-title-link {
  margin-left: 5px;
  font-weight: 400
}
.zm-topic-side-person-item {
  overflow: hidden;
  padding: 10px 0
}
.zm-topic-side-person-item+.zm-topic-side-person-item {
  border-top: 1px solid #eee
}
.zm-topic-side-person-item-content {
  padding: 0 0 0 35px
}
.zm-topic-side-person-item .zm-list-avatar-link {
  margin: 2px 0 0
}
.zm-topic-side-person-item .zm-topic-side-person-item-content .zm-list-avatar-medium {
  width: 34px;
  height: 34px
}
.zm-topic-side-bio {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.zm-topic-common {
  border-top: 1px solid #EEE;
  padding: 20px 0
}
#zh-topic-list-title {
  margin-top: 10px
}
.zm-topic-follow-wrap {
  font-size: 13px;
  margin-left: 10px
}
.zm-topic-side-nav .zg-link-litblue {
  font-size: 13px
}
#zh-topic-admin-page-wrap {
  padding: 0
}
.zm-topic-manage-item {
  padding: 12px 0
}
.zm-topic-manage-item:after {
  content: '';
  display: table;
  clear: both
}
.zm-topic-manage-item .zg-gray {
  font-size: 13px
}
.zm-topic-manage-item+.zm-topic-manage-item {
  border-top: 1px solid #eee
}
.zm-topic-manage-item-title {
  float: left
}
.zm-topic-manage-item-inner {
  margin-left: 90px
}
.zm-topic-manage-item-inner ul {
  list-style-position: inside;
  margin: 5px 0 0 1.6em
}
.zm-topic-manage-item .zg-btn-blue {
  margin-top: -5px
}
.zm-topic-side-followers-container {
  margin-top: 15px
}
.zm-topic-faq-container .zg-gray {
  font-size: 13px
}
.zm-topic-side-locked {
  margin-top: 10px
}
.zm-topic-manage-info-select {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border: 1px solid #ccc
}
.zm-topic-info-wrap-inner {
  padding: 15px 0
}
.zm-topic-info-wrap-inner>h3 {
  float: left
}
.zm-topic-info-content {
  margin: 2px 0 0 90px
}
.zm-topic-info-content-title {
  color: #999;
  margin: 0 0 10px
}
.zm-topic-info-card-item {
  margin: 0 0 4px
}
.zm-topic-info-cmd-tip {
  margin: 15px 0 10px;
  color: #999
}
.zm-topic-info-cmd .zg-form-text-input {
  width: 120px;
  margin-right: 8px
}
.zm-topic-info-cmd .zg-btn-blue {
  margin-top: -5px
}
.zm-topic-topbar {
  margin-top: 25px;
  border-bottom: 1px solid #ccc
}
.zm-topic-topbar-nav {
  overflow: hidden;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  color: #555
}
.zm-topic-topbar-nav-list {
  margin: 0
}
.zm-topic-topbar-nav-list-item {
  list-style: none;
  display: inline-block;
  float: left;
  margin: 0 25px 0 0
}
.topic-header-bar-search {
  margin-top: -4px
}
.zm-topic-ask-in-topic {
  float: right;
  margin: 0;
  font-size: 13px;
  padding: 3px 10px 2px
}
.zm-topic-search-input-new {
  -webkit-transition-property: width;
  -o-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  transition-timing-function: ease-out;
  width: 105px;
  float: right;
  margin: 0 0 0 10px;
  padding: 6px 10px
}
.zm-topic-search-input-new:-moz-placeholder {
  color: #BEBEBE
}
.zm-topic-feed-item {
  padding: 10px 0;
  position: relative
}
.zm-topic-feed-item+.zm-topic-feed-item {
  border-top: 1px solid #EEE
}
.zm-topic-feed-time {
  position: absolute;
  right: 0;
  top: 10px
}
.zm-topic-feed-question {
  font-size: 14px;
  margin: 0;
  padding-right: 45px
}
.zm-topic-feed-meta {
  margin: 4px 0 0;
  color: #999
}
.zm-topic-feed-badge {
  color: #555;
  display: inline-block;
  background: #F4F4F4;
  padding: 0 5px;
  border-radius: 2px;
  cursor: pointer;
  float: left;
  margin-right: 8px;
  line-height: 21px
}
html.no-touch .zm-topic-feed-badge:hover {
  background: #E8E8E8;
  text-decoration: none
}
.zm-topic-feed-page-turner {
  background: #F4F4F4;
  border-radius: 4px;
  margin-top: 5px;
  display: inline-block
}
.zm-topic-feed-page-item {
  color: #555;
  display: inline-block;
  padding: 5px 12px;
  cursor: pointer;
  float: left
}
html.no-touch .zm-topic-feed-page-item:hover {
  text-decoration: none
}
.zm-topic-feed-page-turner .invalid {
  cursor: default;
  color: #CCC
}
.zm-topic-feed-page-item.left {
  border-radius: 4px 0 0 4px
}
.zm-topic-feed-page-item.right {
  border-radius: 0 4px 4px 0
}
.zm-topic-feed-page-item+.zm-topic-feed-page-item {
  border-left: 1px solid #EEE
}
.zm-topic-feed-page-item.current {
  background: #E8E8E8
}
.zm-topic-feed-page-item.current,
.zm-topic-feed-page-item.current+.zm-topic-feed-page-item {
  border-left: 1px solid #E6E6E6
}
html.no-touch .zm-topic-feed-page-item:hover {
  background: #E8E8E8
}
.zm-topic-feed-page-item.invalid {
  background: #F4F4F4
}
.zm-topic-manage-info-msg {
  margin-left: 10px
}
.zm-topic-manage-loading {
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  background: url(../img/spinner2.gif)/*tpa=http://static.zhihu.com/static/img/spinner2.gif*/ no-repeat
}
#zh-topic-side-head .zu-entry-focus-button {
  float: left
}
.zm-topic-side-followers-info {
  display: inline-block;
  margin-left: 8px;
  line-height: 32px;
  color: #999
}
.zm-topic-info-card {
  background: #F4F4F4;
  border-radius: 4px;
  margin: 20px 0;
  padding: 10px 15px
}
.zm-topic-info-card-title {
  margin: 0 0 8px
}
html.no-touch .zm-topic-info-card-title .zu-edit-button:hover {
  background: #eee
}
.zm-topic-cat-title {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px
}
.zm-topic-cat-title h2 {
  margin: 0;
  color: #666
}
.zm-topic-cat-main {
  padding: 18px 0 8px;
  border-bottom: 1px solid #eee
}
.zm-topic-cat-main li {
  float: left;
  margin: 0 10px 10px 0;
  list-style: none
}
.zm-topic-cat-main li a {
  display: block;
  padding: 0 10px;
  border-radius: 30px;
  text-decoration: none;
  border: 1px solid #daecf5
}
html.no-touch .zm-topic-cat-main li:hover a,
.zm-topic-cat-main li.current a {
  background: #259;
  border-color: #259;
  color: #fff
}
.zm-topic-cat-sub .item {
  position: relative;
  float: left;
  width: 50%;
  list-style: none;
  border-bottom: 1px dotted #eee
}
.zm-topic-cat-sub .item.no-border {
  border-color: transparent
}
.zm-topic-cat-sub .item:nth-child(even) .blk {
  margin-left: 15px;
  margin-right: 0
}
.zm-topic-cat-sub .item:nth-child(even) .follow {
  right: 0
}
.zm-topic-cat-sub .item:nth-child(even) img {
  left: 15px
}
.zm-topic-cat-sub .item.even .blk {
  margin-left: 15px;
  margin-right: 0
}
.zm-topic-cat-sub .item.even .follow {
  right: 0
}
.zm-topic-cat-sub .item.even img {
  left: 15px
}
.zm-topic-cat-sub strong {
  max-width: 12em
}
.zm-topic-cat-sub img {
  top: 23px
}
.zm-topic-cat-sub p {
  height: 40px;
  overflow: hidden
}
.zm-topic-cat-sub .blk {
  padding-left: 62px;
  margin: 18px 15px 18px 0
}
.zm-topic-cat-sub .follow {
  position: absolute;
  top: 18px;
  right: 15px
}
.zm-topic-cat-hot .section {
  margin-bottom: 12px;
  padding: 10px;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  box-shadow: 0 1px 0 #f2f2f2
}
.zm-topic-cat-hot .head {
  position: relative;
  padding-left: 62px;
  height: 60px
}
.zm-topic-cat-hot .head strong {
  max-width: 14em
}
.zm-topic-cat-hot li {
  padding: 8px 0;
  list-style: none;
  border-top: 1px dotted #eee
}
.zm-topic-cat-sub strong,
.zm-topic-cat-hot strong {
  display: inline-block;
  height: 1.5em;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
html.no-touch .zm-topic-cat-sub a:hover strong,
html.no-touch .zm-topic-cat-hot a:hover strong {
  text-decoration: underline
}
.zm-topic-cat-sub img,
.zm-topic-cat-hot img {
  position: absolute;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 3px
}
.zm-topics-page-link {
  color: #666
}
.zm-topics-page-link:hover {
  color: #259
}
.zm-topics-page-link .zg-icon {
  width: 14px;
  height: 14px;
  vertical-align: -2px;
  margin-right: 5px
}
.zh-terms-page>.zu-main-content>.zu-main-content-inner {
  margin: 0 0 0 80px
}
.zu-noti7-all .day {
  margin-top: 10px
}
.zu-noti7-all .day h3 {
  font-size: 13px
}
.zu-noti7-all .items {
  border-top: 1px solid #EEE
}
.zu-noti7-all .category i {
  float: left;
  width: 13px;
  height: 13px;
  margin-top: 13px
}
.zu-noti7-all .vote i {
  background-position: -180px -46px
}
.zu-noti7-all .follow i {
  background-position: -152px -46px
}
.zu-noti7-all .answer i {
  background-position: -166px -45px;
  margin-top: 11px
}
.zu-noti7-all .invite i {
  background-position: -194px -46px
}
.zu-noti7-all .edit i {
  background-position: -221px -46px;
  margin-top: 12px
}
.zu-noti7-all .comment i {
  background-position: -208px -46px
}
.zu-noti7-all .mention i {
  background-position: -235px -46px
}
.zu-noti7-all .category+.category {
  border-top: 1px dotted #eee
}
.zu-noti7-all .zm-noti7-content-item {
  padding: 8px 0;
  margin-left: 20px;
  position: relative
}
.zu-noti7-all .zm-noti7-content-item+.zm-noti7-content-item {
  border-top: 1px dotted #EEE
}
.zu-noti7-all .time {
  font-size: 12px;
  color: #999;
  margin-left: 8px
}
.zu-noti7-all .unfold a,
.zu-noti7-all .weak-link {
  color: #698EBF
}
.zu-noti7-all .spinner {
  height: 22px;
  display: block;
  background: url(../img/spinner2.gif)/*tpa=http://static.zhihu.com/static/img/spinner2.gif*/ ;
  background-repeat: no-repeat;
  background-position: 0 3px;
  width: 22px;
  text-indent: 999px;
  overflow: hidden;
  margin-bottom: -8px
}
.zu-noti7-all .zm-noti7-expandable .zm-noti7-content-item,
.zu-noti7-all .unfold {
  border-top: 1px dotted #EEE
}
.zu-noti7-all .loading,
.zu-noti7-all .empty {
  padding: 60px;
  text-align: center
}
.zm-profile-module {
  position: relative;
  padding: 24px 12px
}
.zm-profile-module+.zm-profile-module {
  border-top: 1px solid #eee
}
.zm-profile-module h3 {
  margin: -1px 0 0;
  float: left;
  width: 100px;
  text-align: right;
  color: #666
}
.zm-profile-module-desc {
  *zoom: 1;
  margin-left: 145px
}
.zm-profile-details-items {
  list-style: none
}
html.no-touch .zm-profile-tag-editable .zm-item-tag:hover {
  color: #259;
  background: #eff6fa
}
#zm-profile-edit-description {
  line-height: 16px
}
.zm-profile-details .zm-item-tag {
  line-height: 22px
}
.zm-profile-details .zm-item-tag .zm-profile-tag-btn {
  margin-top: -2px
}
.zm-profile-details-items li:first-child .zm-profile-tag-btn-move {
  visibility: hidden
}
.zm-profile-module-desc .zm-profile-details-items li {
  overflow: hidden;
  margin: 20px 0 0;
  padding: 0;
  border: 1px solid #fff
}
.zm-profile-module-desc .zm-profile-details-items li:first-child {
  margin-top: 0
}
.zm-profile-details-editform .zm-profile-details-items li:hover {
  border: 1px solid #ddd;
  border-radius: 4px
}
.zm-profile-details-middot {
  padding: 0 2px;
  color: #999
}
a.zm-profile-details-period {
  display: inline
}
.zm-profile-details-period {
  display: block;
  margin-right: 3em;
  font-size: 13px
}
.zm-profile-details-item-image {
  float: left;
  margin: 1px 10px 0 0
}
.zm-profile-details-item-image>img {
  width: 34px;
  height: 34px;
  border-radius: 2px
}
.zm-profile-details-item-detail {
  margin: 0 0 0 45px;
  font-size: 14px;
  line-height: 20px;
  color: #666;
  padding: 7px 0;
  overflow: hidden
}
.zm-profile-details-item-detail a.zg-gray-normal {
  font-size: 13px;
  color: #58B
}
.zm-profile-details-item-detail a.zg-gray-normal:hover {
  color: #259
}
.zm-profile-details-reputation {
  padding: 24px 12px
}
.zm-profile-details-reputation div span {
  margin: 0 5px;
  color: #777;
  font-size: 14px;
  line-height: 18px
}
.zm-profile-icon-vote {
  background-position: -123px -147px
}
.zm-profile-icon-thank {
  background-position: -141px -146px
}
.zm-profile-details-head .zm-profile-icon,
.zm-profile-details h3 .zm-profile-icon {
  margin: 0 5px 0 0;
  width: 16px;
  height: 14px
}
.zm-profile-icon-repu {
  background-position: -208px -147px
}
.zm-profile-icon-fav {
  background-position: -156px -146px
}
.zm-profile-icon-share {
  background-position: -173px -146px
}
.zm-profile-icon-company {
  background-position: -93px -110px
}
.zm-profile-icon-location {
  background-position: -57px -110px
}
.zm-profile-icon-edu {
  background-position: -111px -110px
}
.zm-profile-icon-expertise {
  background-position: -190px -147px
}
.zm-profile-icon-tags {
  background-position: -83px -96px
}
.zm-profile-icon-title {
  background-position: -65px -68px
}
.zm-profile-icon-return {
  background-position: -27px -125px
}
.zm-profile-icon-weibo {
  background-position: -125px -57px
}
.zm-profile-icon-male {
  background-position: -47px -41px
}
.zm-profile-icon-female {
  background-position: -156px -29px
}
.zm-profile-icon-xman {
  background-position: -96px -147px;
  width: 35px;
  height: 32px;
  position: absolute;
  top: 5px;
  right: 5px
}
.zm-profile-progress {
  position: relative
}
.zm-profile-progress .zm-profile-icon-xman {
  margin-top: 3px
}
.zm-profile-progress-title,
.zm-profile-progress-bar {
  float: left;
  height: 20px;
  line-height: 20px
}
.zm-profile-progress-bar,
.zm-profile-progress-bar span {
  position: absolute;
  border-radius: 10px;
  text-align: center;
  white-space: nowrap
}
.zm-profile-progress-bar .zm-profile-module>* {
  vertical-align: middle
}
.zm-profile-progress-bar {
  left: 120px;
  right: 20px;
  background: #eaeaea
}
.zm-profile-progress-bar span {
  left: 0;
  background: #48a5e6;
  color: #fff
}
.zm-profile-details-editform h3 {
  font-weight: 400
}
.zm-profile-details-editform .zg-form-text-input {
  width: 270px
}
.zm-profile-details-editform-desc .zg-form-text-input {
  width: 325px
}
.zm-profile-details-items .zm-editable-editor-wrap {
  margin-right: 3em
}
#zh-profile-module-headline .zg-form-text-input,
#zh-profile-module-description .zg-form-text-input,
.zm-profile-details-item-detail .zg-form-text-input {
  width: auto
}
.zm-profile-edit-fieldset {
  position: relative;
  margin: -8px 0 0;
  padding: 0;
  border: 0
}
.zm-profile-edit-fieldset .ac-renderer {
  width: 282px;
  margin-top: -2px
}
.zm-profile-edit-fieldset .ac-renderer .zm-item-img-avatar {
  width: 25px;
  height: 25px
}
.zm-profile-edit-title-repl {
  position: relative;
  display: inline-block
}
.zm-profile-edit-fieldset p.desc {
  display: block;
  margin: 10px 0;
  color: #999
}
.zm-profile-details-editform-avatar .zg-section {
  margin: 0
}
.zm-profile-details-editform-avatar .zm-profile-module-desc {
  padding-right: 90px
}
.zm-profile-details-editform .zm-profile-module-desc {
  margin-left: 140px
}
.zm-profile-details-editform .zm-profile-details-items {
  padding: 10px 0 0;
  margin-left: -10px
}
.zm-profile-details-editform .zm-profile-details-items li {
  margin: 0;
  position: relative;
  padding: 10px 20px 10px 10px;
  width: 350px;
  cursor: move
}
.zm-profile-details-editform-avatar {
  line-height: 1.5
}
.zm-profile-details-editform-weibo label,
.zm-profile-details-editform-gender label {
  margin-right: 1em
}
.zm-profile-edit-fieldset input {
  margin-right: 1em;
  vertical-align: middle
}
.zm-profile-details-editform-career .zm-profile-edit-fieldset input,
.zm-profile-details-editform-edu .zm-profile-edit-fieldset input {
  width: 147px
}
.zm-profile-edit-fieldset p {
  margin: 0 0 1em
}
.zm-profile-details-editform-footer {
  background: #f5f5f5;
  border-radius: 0 0 4px 4px;
  border-top: 1px solid #ddd !important;
  box-shadow: 0 1px 0 #fff inset
}
.zm-profile-details-editform-footer button {
  padding: 8px 25px
}
.zm-profile-details-editform-footer p {
  text-align: center;
  position: relative
}
.zm-profile-details-editform-footer p a {
  position: absolute;
  left: 45px;
  top: 13px
}
.zm-profile-tag-btn {
  margin-left: 3px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-image: url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/ ;
  background-position: -264px -103px;
  border-radius: 3px;
  cursor: pointer;
  vertical-align: middle;
  background-color: #698EBF
}
html.no-touch .zm-profile-tag-btn-del:hover,
html.no-touch .zm-profile-tag-btn-move:hover {
  background-color: #259
}
.zm-profile-tag-btn-top {
  background-position: -51px -149px
}
.zm-profile-tag-btn-move {
  background-position: -263px -84px
}
.zm-profile-details-items .zm-profile-tag-btn {
  position: absolute;
  top: 10px;
  right: 10px
}
.zm-profile-details-items .zm-profile-tag-btn-del {
  background-color: #698EBF;
  background-position: -264px -103px
}
.profile-edit-item-moving {
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 0 8px #999;
  padding: 10px;
  width: 353px;
  list-style: none;
  z-index: 100
}
.profile-edit-item-moving .zm-profile-tag-btn-del {
  display: none
}
.zm-profile-expert-editform .zm-profile-module.skilled-topics {
  border: 1px dotted #EEE;
  padding: 0
}
.zm-profile-expert-editform .zm-profile-module.skilled-topics .item {
  position: relative
}
.zm-profile-expert-editform .zm-profile-module.skilled-topics .item .del,
.zm-profile-expert-editform .zm-profile-module.skilled-topics .item .add {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 15px;
  height: 15px;
  opacity: .6;
  text-indent: -9999px;
  border-radius: 2px;
  background: #259
}
.zm-profile-expert-editform .zm-profile-module.skilled-topics .item .del:hover,
.zm-profile-expert-editform .zm-profile-module.skilled-topics .item .add:hover {
  opacity: 1
}
.zm-profile-expert-editform .zm-profile-module.skilled-topics .item .del .minus,
.zm-profile-expert-editform .zm-profile-module.skilled-topics .item .add .minus,
.zm-profile-expert-editform .zm-profile-module.skilled-topics .item .del .plus,
.zm-profile-expert-editform .zm-profile-module.skilled-topics .item .add .plus {
  position: absolute;
  background: #fff;
  border-radius: 3px
}
.zm-profile-expert-editform .zm-profile-module.skilled-topics .item .del .minus,
.zm-profile-expert-editform .zm-profile-module.skilled-topics .item .add .minus {
  top: 6px;
  left: 3px;
  height: 3px;
  width: 9px
}
.zm-profile-expert-editform .zm-profile-module.skilled-topics .item .del .plus,
.zm-profile-expert-editform .zm-profile-module.skilled-topics .item .add .plus {
  top: 3px;
  left: 6px;
  height: 9px;
  width: 3px
}
.zm-profile-expert-editform .zm-profile-module.skilled-topics .item h3 {
  text-align: left !important;
  width: auto;
  float: none
}
.zm-profile-expert-editform .zm-profile-module.skilled-topics .empty-tip {
  padding: 20px;
  text-align: center
}
.zm-profile-expert-editform .zm-profile-module.skilled-topics .empty-warning {
  margin-bottom: 25px;
  text-align: center
}
.zm-profile-expert-editform .zm-profile-module.skilled-topics .empty-warning .warning {
  padding: 8px;
  background: #f6f4d8;
  border: 1px solid #cebf99;
  border-radius: 4px
}
.zm-profile-expert-editform .zm-profile-module.skilled-topics .empty-warning .close-warning {
  margin: -5px 2px 0 100px;
  background-position: -247px -146px;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  opacity: .6
}
.zm-profile-expert-editform .zm-profile-module.skilled-topics .empty-warning .close-warning:hover {
  opacity: 1
}
.zm-profile-section-wrap.skilled-topics .zg-link-litblue-normal {
  padding: 8px 15px 0 0
}
#zh-expert-topics .item {
  cursor: move
}
#zh-expert-topics .item .del {
  display: block
}
#zh-active-topics .item .add {
  display: block
}
#zh-active-topics .avatar {
  border-radius: 0;
  border: 0
}
#zh-active-topics .avatar img {
  border-radius: 0
}
.zm-profile-module .tip {
  padding: 7px 0 3px;
  color: #999;
  margin: 0
}
.zm-profile-module .add-expert-tip {
  margin-bottom: 15px
}
.zm-profile-module #profile-expert-edit-input {
  margin-top: -2px
}
.zm-profile-module .reopen-tip {
  padding: 6px 10px;
  background: #F6FAFD;
  border: 1px solid #C7DAE3;
  border-radius: 4px;
  font-size: 12px;
  color: #666
}
.zm-profile-module .weibo-edit-wrap {
  padding-top: 6px
}
.zm-profile-module .weibo-edit-wrap input {
  margin: 0;
  vertical-align: 0
}
.profile-expert-tip {
  height: 183px;
  margin-top: 25px;
  background: url(../img/Expertise.png)/*tpa=http://static.zhihu.com/static/img/Expertise.png*/ no-repeat;
  position: relative
}
.profile-expert-tip .inner {
  padding: 45px 0 0 195px
}
.profile-expert-tip .inner h3 {
  font-size: 18px;
  color: #666
}
.profile-expert-tip .inner p {
  padding: 10px 0
}
.profile-expert-tip .inner .zg-btn-blue {
  padding: 2px 8px
}
.profile-expert-tip .close-btn {
  height: 8px;
  width: 8px;
  background-position: -267px -48px;
  display: block;
  float: none;
  position: absolute;
  top: 20px;
  right: 20px;
  text-indent: -9999px;
  opacity: .6
}
.profile-expert-tip .close-btn:hover {
  opacity: 1
}
#zh-profile-edit-expert .zg-section {
  margin: 0
}
.business-selection {
  border: 1px solid #ccc;
  border-radius: 4px;
  display: inline-block
}
.business-selection select {
  background: transparent;
  width: 200px;
  padding: 5px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  height: 32px
}
.profile-edit-avatar-tip {
  margin: 10px 0 0
}
.profile-edit-avatar-btn {
  min-width: 60px;
  position: relative
}
.profile-edit-avatar-btn input,
.profile-edit-avatar-btn label {
  opacity: 0;
  filter: alpha(opacity=0)
}
.profile-edit-avatar-btn form,
.profile-edit-avatar-btn input {
  width: 0;
  height: 0
}
.profile-edit-avatar-btn label {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2) {
  .profile-expert-tip {
    background: url(../img/Expertise@2x.png)/*tpa=http://static.zhihu.com/static/img/Expertise@2x.png*/ no-repeat;
    background-size: 632px 183px
  }
}
.zm-profile-icon {
  width: 14px;
  height: 14px;
  vertical-align: -2px
}
.zm-profile-mbox {
  margin: 0 0 25px;
  clear: both;
  border-radius: 4px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 0 #f2f4f5
}
.zm-profile-mbox-title {
  color: #666
}
.zm-profile-mbox-head {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #eee
}
.zm-profile-mbox-head,
.zm-profile-mbox-cont {
  padding: 0 1em
}
.zm-profile-vlist {
  margin: 0;
  list-style: none
}
.zm-profile-vlist .desc {
  overflow: hidden;
  *zoom: 1;
  padding-right: 10px;
  line-height: 20px
}
.zm-profile-vlist .item {
  overflow: hidden;
  padding: 12px 0 8px
}
.zm-profile-vlist .item+.item {
  border-top: 1px dotted #ddd
}
.zm-profile-vlist .logo-left {
  display: block;
  margin: 5px 15px 0 0;
  width: 50px;
  height: 50px
}
.zm-profile-vlist .logo-left img {
  display: block;
  width: inherit;
  height: inherit
}
.zm-profile-section-sort-wrap {
  float: right;
  color: #666
}
.zm-item-top-container {
  position: absolute;
  right: 0;
  top: 10px;
  width: 15px;
  overflow: hidden;
  height: 35px
}
.zm-item-top-btn {
  width: 15px;
  height: 15px;
  float: left;
  text-indent: -9999px;
  margin-bottom: 5px;
  visibility: hidden;
  background-color: #698EBF;
  background-image: url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/ ;
  background-repeat: no-repeat;
  background-position: -263px -84px;
  border-radius: 2px
}
html.no-touch .zm-item-top-btn:hover {
  background-color: #259
}
.zm-item-top-btn-cancel {
  background-position: -264px -103px
}
html.no-touch .zm-item-top-btn-cancel:hover {
  background-color: #259
}
html.no-touch .zm-item:hover .zm-item-top-btn {
  visibility: visible
}
html.no-touch #zh-profile-search-list .zm-item:hover .zm-item-top-btn {
  visibility: hidden
}
html.no-touch .zm-profile-section-item:hover .zm-item-top-btn {
  visibility: visible
}
.zm-profile-topics-page .zm-item-top-container {
  top: 38px
}
.zm-profile-section-list {
  padding: 0 14px
}
.zm-profile-section-list .zm-item {
  margin: 0
}
.zm-profile-section-list .zm-item-answer .zm-item-post {
  margin-top: 5px
}
.zm-profile-section-list .zg-btn-white {
  margin-top: 0
}
.zm-profile-section-list .zm-profile-section-item .zm-item-meta {
  margin-bottom: 0
}
.zm-profile-section-list .zm-profile-section-item+.zm-profile-section-item {
  padding-top: 12px
}
.zm-profile-section-list.profile-answer-wrap {
  margin-top: 7px
}
.zm-profile-empty {
  padding: 30px 0;
  text-align: center
}
.zm-profile-empty-icon {
  display: block;
  width: 32px;
  height: 30px;
  margin: 5px auto;
  background-repeat: no-repeat;
  background-position: -37px -2px
}
.zm-profile-empty-icon.ask {
  background-position: 0 0
}
.zm-profile-empty-icon.activity {
  background-position: -74px -9px
}
.zm-profile-empty-icon.log {
  background-position: -199px -5px;
  width: 24px
}
.zm-profile-empty-icon.collection {
  background-position: -237px -2px;
  width: 18px
}
.zm-profile-vote-page.be-voted .zm-profile-empty-icon {
  background-position: -155px -2px;
  width: 37px
}
.zm-profile-vote-page.vote .zm-profile-empty-icon {
  background-position: -114px -2px;
  width: 37px
}
.zm-profile-section-wrap .zm-item-more-wrap {
  border-top: 1px dotted #DDD
}
.zm-profile-header {
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 0 #f2f4f5;
  color: #666
}
.zm-profile-header-main {
  padding: 12px 18px
}
.zm-profile-header-main .top {
  font-size: 1.4em;
  margin-bottom: 10px
}
.zm-profile-header-main .top a {
  color: inherit
}
.zm-profile-header-main .name,
.zm-profile-header-main .name:visited {
  font-weight: 700;
  color: #222
}
.zm-profile-header-info {
  margin-left: 115px
}
.zm-profile-header-avatar-container {
  float: left;
  position: relative;
  box-shadow: 0 0 5px rgba(0, 0, 0, .3) inset;
  border-radius: 4px;
  width: 100px;
  height: 100px
}
.zm-profile-header-avatar-container .zm-entry-head-avatar-edit-button {
  display: none;
  background: #000;
  text-align: center;
  text-indent: 0
}
.zm-profile-header-avatar-container.self:hover .zm-entry-head-avatar-edit-button {
  display: block
}
.zm-profile-header-img {
  border-radius: 4px;
  vertical-align: middle
}
.zm-profile-header-user-describe+.zm-profile-header-user-describe {
  padding-bottom: 0
}
html.no-touch .zm-profile-header-user-describe a:hover {
  color: #259;
  text-decoration: none
}
html.no-touch .zm-profile-header-user-describe a:hover span {
  text-decoration: underline
}
.zm-profile-header-icon {
  vertical-align: -2px;
  width: 15px;
  height: 14px;
  margin-right: 2px
}
.zm-profile-header-user-empty {
  float: left;
  margin-right: 12px;
  color: #999
}
.zm-profile-header-user-location .zm-profile-header-icon {
  background-position: -58px -110px
}
.zm-profile-header-user-company .zm-profile-header-icon {
  background-position: -75px -110px
}
.zm-profile-header-user-work .zm-profile-header-icon {
  background-position: -94px -110px
}
.zm-profile-header-user-empty .zm-profile-header-icon {
  background-position: -65px -68px
}
.zm-profile-header-user-gender {
  text-indent: -999px
}
.zm-profile-header-user-gender .zm-profile-header-icon {
  background-position: -145px -110px;
  float: left;
  margin-top: 4px
}
.zm-profile-header-user-gender-female .zm-profile-header-icon {
  background-position: -130px -110px
}
.zm-profile-header-user-weibo .zm-profile-header-icon.sina {
  background-position: -194px -110px;
  width: 16px
}
.zm-profile-header-user-weibo .zm-profile-header-icon.qq {
  background-position: -216px -110px;
  width: 11px;
  height: 15px
}
.zm-profile-header-user-detail .zm-profile-header-icon {
  background-position: -160px -110px
}
.zm-profile-icon-return .zm-profile-header-icon {
  background-position: -176px -110px
}
.zm-profile-header-info-list .zm-profile-header-icon {
  margin-right: 6px
}
.zm-profile-header-user-agree .zm-profile-header-icon {
  background-position: -123px -148px
}
.zm-profile-header-user-thanks .zm-profile-header-icon {
  background-position: -140px -146px
}
.zm-profile-header-description {
  overflow: hidden;
  position: relative;
  padding: 12px 15px 0 0;
  border-top: 1px dotted #eee;
  margin: 10px -18px 0 0
}
.zm-profile-header-description .zg-btn-blue {
  margin: 5px 0 0 !important;
  float: right
}
.zm-profile-header-description .info-empty-wrap .zg-icon {
  margin-right: 4px;
  margin-left: 4px
}
.zm-profile-header-operation {
  padding: 12px 18px;
  border-top: 1px dotted #eee
}
.zm-profile-header-info-list {
  float: left
}
.zm-profile-header-info-title {
  margin-right: 5px
}
.zm-profile-header-operation .zm-profile-header-info-list {
  padding-top: 3px
}
.zm-profile-header-operation-inner {
  line-height: 14px
}
.zm-profile-header-operation strong {
  padding-right: 4px
}
.zm-profile-header-op {
  float: right
}
.zh-profile-op-menu-button {
  height: 17px;
  margin-left: 10px
}
.zh-profile-op-menu-button .zg-icon-dropdown-menu {
  background-position: -23px -148px;
  width: 25px;
  vertical-align: -1px
}
.zm-profile-header-user-agree {
  margin-right: 5px
}
.zm-profile-header-pm-btn {
  margin-left: 10px;
  height: 27px
}
.zm-profile-header-pm-btn .zg-icon {
  background-position: 0 -148px;
  margin-top: 2px;
  float: left;
  width: 17px;
  height: 14px;
  text-indent: -999em
}
.zm-profile-header-operation-myview .zm-profile-header-info-list {
  padding-top: 0
}
.zm-profile-header .zu-entry-focus-single-way {
  margin: 0 5px 0 0
}
.zm-profile-email-history-link {
  float: right
}
.zm-profile-side-section {
  padding: 2px 0
}
.zm-profile-side-section+.zm-profile-side-section {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #eee
}
.zm-profile-side-section-title {
  font-size: 14px;
  font-weight: 700;
  color: #666;
  padding-bottom: 10px;
  padding-top: 0;
  line-height: 1;
  white-space: nowrap;
  display: inline-block
}
.zm-profile-side-section-title .zg-link-litblue {
  font-size: 14px
}
.zm-profile-side-follower {
  float: left;
  width: 112px
}
.zm-profile-side-same-friends {
  float: left;
  width: 100%
}
.zm-profile-side-same-friends .zm-item-link-avatar {
  margin: 0 3px 0 0
}
.zm-profile-side-same-friends .zm-item-link-avatar img {
  border-radius: 2px
}
.zm-profile-side-same-friends .zm-profile-side-section-title {
  font-size: 13px;
  font-weight: 400
}
.zm-profile-side-same-friends .zm-profile-side-section-title .zg-link-litblue {
  font-size: 13px;
  font-weight: 400
}
.zm-profile-side-columns .link,
.zm-profile-side-topics .link {
  float: left;
  margin-right: 4px
}
.zm-profile-side-columns .link,
.zm-profile-side-topics .link,
.zm-profile-side-columns .avatar,
.zm-profile-side-topics .avatar {
  display: block;
  height: 34px;
  width: 34px;
  border-radius: 3px
}
.zm-profile-side-topic-list-item {
  padding: 8px 10px !important;
  border: 1px solid #ddd;
  border-radius: 4px
}
.zm-profile-side-topic-list-item+.zm-profile-side-topic-list-item {
  margin-top: 15px
}
.zm-profile-side-topic-list-item .zm-list-avatar-link {
  float: right
}
.zm-list-content-title.zm-profile-side-list-content-title {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  height: 20px;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.zm-profile-side-list-content-bio {
  color: #666;
  font-size: 13px;
  padding-bottom: 4px
}
.zm-list-content-medium.zm-profile-side-list-content-medium {
  margin-left: 0
}
.zm-profile-side-list-meta {
  font-size: 12px;
  color: #999;
  line-height: 20px
}
.zm-profile-side-list-meta a {
  color: #999
}
html.no-touch .zm-profile-side-list-meta a:hover {
  color: #698ebf
}
.zm-profile-section-wrap {
  margin-top: 25px;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 0 #f2f4f5
}
.zm-profile-answer-page .zm-item+.zm-item {
  border-top: 1px solid #eee
}
.zm-profile-section-head {
  overflow: hidden;
  padding: 7px 14px;
  border-bottom: 1px solid #EEE
}
.zm-profile-section-name {
  float: left;
  font-size: 14px;
  font-weight: 700;
  color: #666
}
.zm-profile-section-more-btn {
  width: 15px;
  height: 15px;
  margin: 3px 0 5px 5px;
  background-position: -260px -162px
}
html.no-touch .zm-profile-section-title:hover .zm-profile-section-more-btn {
  background-position: -260px -184px
}
.zm-profile-section-title {
  overflow: hidden;
  text-decoration: none
}
html.no-touch .zm-profile-section-title:hover {
  text-decoration: none;
  color: #259
}
html.no-touch .zm-profile-section-title:hover .zm-profile-section-name {
  color: #259
}
.zm-profile-section-item {
  position: relative;
  padding: 12px 0
}
.zm-profile-section-item+.zm-profile-section-item {
  border-top: 1px dotted #EEE
}
.zm-profile-vote-count {
  float: left;
  color: #259;
  text-decoration: none;
  text-align: center;
  height: 38px;
  width: 46px;
  line-height: 20px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 4px;
  background: #eff6fa;
  font-size: 13px;
  -webkit-text-size-adjust: none;
  padding: 2px
}
.zm-profile-vote-num {
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  padding: 2px 0 4px
}
.zm-profile-vote-type {
  line-height: 1;
  font-weight: 400;
  font-size: 12px
}
.zm-profile-vote-count:active,
.zm-profile-vote-count:visited,
.zm-profile-vote-count:focus,
.zm-profile-vote-count:hover {
  text-decoration: none
}
.zm-profile-section-main {
  margin-left: 60px
}
.zm-profile-section-item .zm-item-link-avatar {
  float: left
}
.zm-profile-section-item .zm-item-img-avatar {
  float: left;
  height: 50px;
  margin: 2px 10px 0 0;
  width: 50px;
  border: 0 none;
  border-radius: 2px
}
.zm-profile-section-item .meta a {
  color: #999
}
html.no-touch .zm-profile-answer-page .zm-item:hover .zu-autohide,
html.no-touch .feed-item:hover .zu-autohide {
  visibility: visible
}
.zm-profile-answer-sort {
  font-size: 13px;
  position: relative
}
.zm-profile-answer-sort:hover {
  text-decoration: none
}
.zm-profile-ask-wrap .zm-profile-vote-count {
  background-color: #ddd;
  color: #666
}
.zm-profile-section-item[data-type=p] .column_link {
  color: #999
}
.zm-profile-section-main.zm-profile-section-activity-main {
  margin: 0;
  color: #999
}
.zm-profile-section-main.zm-profile-section-activity-main .zg-link {
  color: #999
}
.zm-profile-section-main.zm-profile-section-activity-main .zm-item-link-avatar {
  float: left;
  margin: 0 8px 0 0;
  width: 20px;
  height: 20px
}
.zm-profile-section-main.zm-profile-section-activity-main .zm-item-link-avatar img {
  margin: 0;
  padding: 0;
  height: 20px;
  width: 20px
}
.zm-profile-section-main.zm-profile-section-activity-main .zm-profile-side-topic-avatar {
  vertical-align: -5px;
  height: 20px;
  width: 20px
}
.zm-profile-section-main.zm-profile-section-activity-main .question_link,
.zm-profile-section-main.zm-profile-section-activity-main .post-link {
  display: block;
  font-size: 14px;
  font-weight: 700
}
.zm-profile-section-main.zm-profile-section-activity-main .topic-link>.pic {
  margin-right: 5px;
  border-radius: 2px;
  vertical-align: -7px
}
.zm-profile-activity-avatar {
  float: none !important;
  vertical-align: middle;
  padding-right: 4px
}
.zm-profile-activity-page-item-main .zg-link-litblue {
  font-size: 13px
}
.zm-profile-activity-username {
  color: #222
}
.zm-profile-fav-return {
  float: right
}
.zm-profile-fav-item-title {
  font-size: 14px;
  font-weight: 700
}
.zm-profile-fav-edit {
  float: right
}
.zm-profile-fav-edit {
  font-size: 13px;
  color: #999
}
.zm-profile-fav-bio {
  color: #999;
  font-size: 13px
}
.zm-profile-fav-question-item .zg-link-litblue {
  font-size: 13px
}
.zm-profile-search-type-list-item {
  display: inline-block;
  padding: 0 8px
}
.zm-profile-search-type-item.current {
  color: #999
}
.zm-profile-search-title {
  height: 28px;
  margin-top: 5px
}
#zh-profile-search-form {
  position: relative
}
#zh-profile-search-query-wrap {
  margin: 0 80px 0 0
}
.zm-profile-search-query-input {
  width: 248px
}
.zm-profile-search-word {
  color: #A02313
}
.zm-profile-search-type {
  float: left;
  padding: 0;
  margin: 0
}
.zm-profile-search-submit-btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 38px;
  padding: 0 20px;
  z-index: 1;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: none
}
.zm-profile-search-page .zm-profile-search-wrap {
  margin: 5px 5px 10px
}
.zu-question-form-hide-in-about-question .zm-question-form-hide-in-about-question-el {
  display: none
}
#zh-profile-following-topics-title {
  padding: 10px 0 8px
}
#zh-profile-op-menu-wrap .goog-menuitem,
#zh-topic-side-head .goog-menuitem,
#zh-list-side-head .goog-menuitem,
.zm-pop-menu-with-no-check .goog-menuitem {
  padding: 3px 1em
}
#zh-profile-following-topics-wrap .zm-editable-editor-outer {
  padding: 0
}
.zu-entry-focus-button {
  margin: 0 5px 0 0
}
i.zu-entry-focus-single-way,
i.zu-entry-focus-each {
  width: 18px;
  height: 14px;
  display: none;
  vertical-align: -2px
}
.zu-entry-focus-single-way {
  padding-right: 4px;
  background-position: -57px -202px
}
.zu-entry-focus-each {
  background-position: -82px -202px
}
.zm-rich-follow-btn {
  padding: 0 5px;
  height: 27px;
  line-height: 27px;
  font-size: 13px;
  white-space: nowrap
}
.zm-rich-follow-btn:focus {
  outline: 0
}
.zm-rich-follow-btn.small .zu-entry-focus-single-way {
  height: 13px;
  background-position: -14px -202px
}
.zm-rich-follow-btn.small .zu-entry-focus-each {
  height: 13px;
  background-position: -37px -202px
}
.zm-rich-follow-btn.small {
  padding: 0;
  width: 78px;
  height: 22px;
  line-height: 22px
}
.zm-rich-follow-btn.with-icon {
  min-width: 88px
}
.zg-btn-white>.zu-entry-focus-each,
.zg-btn-unfollow>.zu-entry-focus-each {
  display: inline-block
}
.zg-btn-green>.zu-entry-focus-single-way,
.zg-btn-follow>.zu-entry-focus-single-way {
  display: inline-block
}
#zh-profile-cancel-block,
#zh-report-people {
  margin-left: 10px;
  float: right;
  line-height: 1;
  padding: 6px 10px
}
#zh-profile-about-question-form-inner {
  max-width: 410px;
  padding: 5px 0 3px
}
#zh-profile-about-question-form {
  position: relative;
  border-bottom: solid 2px #ddd;
  padding: 0 0 9px;
  margin: -2px 0 10px
}
#zh-profile-following-topic .zm-editable-editor-outer {
  padding: 0
}
#zh-profile-side-head {
  margin: 0 0 20px
}
#zh-profile-side-head>.zg-btn-white {
  margin: 0 5px 0 0
}
.zg-link-blue-normal {
  font-size: 12px
}
.skilled-topics {
  overflow: hidden
}
.skilled-topics .inner {
  margin: 0 -10px -1px 0;
  overflow: hidden
}
.skilled-topics .zm-profile-section-list {
  padding: 0
}
.skilled-topics .expert-item-moving {
  cursor: move;
  box-shadow: 0 0 8px #999
}
.skilled-topics.editing .item {
  cursor: default !important
}
.skilled-topics .item {
  position: relative;
  outline: 0
}
.zm-profile-section-wrap.skilled-topics .item:hover .arrow {
  display: block
}
.zm-profile-section-wrap.skilled-topics .item {
  text-decoration: none;
  cursor: pointer
}
.zm-profile-section-wrap.skilled-topics .editing .arrow {
  display: none !important
}
.html.no-touch .skilled-topics .item:hover {
  background: #fafafa
}
.skilled-topics .item,
.expert-item-moving {
  min-height: 60px;
  width: 275px;
  float: left;
  padding: 12px 20px;
  border-left: 1px dotted #ddd;
  border-right: 1px dotted #ddd;
  margin-left: -1px
}
.skilled-topics .item .description-edit,
.expert-item-moving .description-edit {
  padding: 8px 0
}
.skilled-topics .item .description-edit .command,
.expert-item-moving .description-edit .command {
  margin-top: 8px;
  display: inline-block;
  width: 196px;
  text-align: right
}
.skilled-topics .item .description-edit .command .zg-btn-blue,
.expert-item-moving .description-edit .command .zg-btn-blue {
  padding: 2px 6px
}
.skilled-topics .item .description-edit input,
.expert-item-moving .description-edit input {
  width: 175px
}
.skilled-topics .item .avatar,
.expert-item-moving .avatar {
  float: left;
  padding: 4px;
  border: 1px solid #ddd;
  border-radius: 36px;
  height: 50px;
  width: 50px;
  background: #fff
}
.skilled-topics .item .avatar img,
.expert-item-moving .avatar img {
  width: 50px;
  height: 50px;
  border-radius: 25px
}
.skilled-topics .item .del,
.expert-item-moving .del,
.skilled-topics .item .add,
.expert-item-moving .add {
  display: none;
  cursor: pointer
}
.skilled-topics .item .content,
.expert-item-moving .content {
  margin-left: 74px;
  height: 61px;
  display: table
}
.skilled-topics .item .content .content-inner,
.expert-item-moving .content .content-inner {
  display: table-cell;
  vertical-align: middle
}
.skilled-topics .item .content .content-inner h3,
.expert-item-moving .content .content-inner h3,
.skilled-topics .item .content .content-inner a,
.expert-item-moving .content .content-inner a,
.skilled-topics .item .content .content-inner p,
.expert-item-moving .content .content-inner p {
  line-height: 20px
}
.skilled-topics .item .content .content-inner p,
.expert-item-moving .content .content-inner p {
  margin: 0
}
.skilled-topics .item .content .description,
.expert-item-moving .content .description {
  display: block;
  width: 185px;
  overflow: hidden;
  white-space: nowrap
}
.skilled-topics .item .content .des,
.expert-item-moving .content .des {
  overflow: hidden;
  max-width: 140px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: left;
  height: 20px\0
}
.skilled-topics .item .content .meta,
.expert-item-moving .content .meta {
  color: #999
}
.skilled-topics .item .content .meta span+span,
.expert-item-moving .content .meta span+span {
  margin-left: 6px
}
.skilled-topics .item .content .meta .zg-icon,
.expert-item-moving .content .meta .zg-icon {
  width: 13px;
  height: 13px;
  margin-right: 5px
}
.skilled-topics .item .content .meta .zg-icon.vote,
.expert-item-moving .content .meta .zg-icon.vote {
  background-position: -125px -148px;
  width: 11px;
  height: 12px;
  vertical-align: 0
}
.skilled-topics .item .content .meta .zg-icon.comment,
.expert-item-moving .content .meta .zg-icon.comment {
  background-position: -77px -111px;
  width: 10px;
  height: 11px
}
.skilled-topics .item .arrow,
.expert-item-moving .arrow {
  background-position: -266px -164px;
  width: 9px;
  height: 13px;
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -7px;
  text-indent: -9999px;
  display: none
}
.skilled-topics .border {
  clear: both;
  height: 0;
  border-bottom: 1px dotted #ddd
}
.expert-item-moving {
  background: #fff;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 0 8px #999;
  z-index: 99999
}
.zm-profile-header {
}
.zm-profile-header .weibo-wrap {
  float: right
}
.zm-profile-header .weibo-wrap a+a {
  margin-left: 8px
}
.zm-profile-header .fold-wrap .fold-item {
  display: none
}
.zm-profile-header .fold-wrap .unfold-item {
  display: inline
}
.zm-profile-header .fold-wrap.fold .fold-item {
  display: inline
}
.zm-profile-header .fold-wrap.fold .unfold-item {
  display: none
}
.zm-profile-header .fold-wrap a.fold,
.zm-profile-header .fold-wrap a.unfold {
  display: inline-block
}
.zm-profile-header .fold-wrap a.fold:hover,
.zm-profile-header .fold-wrap a.unfold:hover {
  text-decoration: underline
}
.zm-profile-header .fold-wrap a.fold {
  float: right;
  margin-top: 22px
}
.zm-profile-header .fold-wrap.disable-fold a.fold,
.zm-profile-header .fold-wrap.disable-fold a.unfold {
  display: none
}
.zm-profile-side-following {
  border-bottom: 1px solid #eee;
  margin-bottom: 15px
}
.zm-profile-side-following .item {
  float: left;
  text-decoration: none;
  padding: 2px 30px 8px 0
}
.zm-profile-side-following .item+.item {
  padding-left: 20px;
  border-left: 1px solid #eee
}
.zm-profile-side-following .item:hover span,
.zm-profile-side-following .item:hover strong,
.zm-profile-side-following .item:hover label {
  color: #259 !important
}
.zm-profile-side-following .item strong {
  font-size: 16px;
  font-weight: 700;
  color: #666
}
.zm-profile-side-following .item label {
  font-size: 13px;
  font-weight: 400;
  vertical-align: 1px;
  color: #666;
  cursor: pointer
}
.zm-profile-side-section .profile-side-op {
  list-style: none
}
.zm-profile-header .zm-profile-header-op-btns {
  float: right
}
.zm-profile-header .zm-profile-header-op-btns a,
.zm-profile-header .zm-profile-header-op-btns button {
  float: left
}
.zm-profile-header .items {
  position: relative;
  min-height: 22px
}
.zm-profile-header .items.empty .zm-profile-header-user-detail {
  position: static
}
.zm-profile-header .business-selection {
  vertical-align: 1px
}
.zm-profile-header .business-selection select {
  width: 120px;
  height: 30px;
  height: 28px
}
.zm-profile-header .zu-edit-button span {
  text-decoration: none !important
}
.zm-profile-header .editable-group .zu-edit-button {
  visibility: hidden
}
.zm-profile-header .editable-group .zg-form-text-input {
  width: 100px;
  padding: 6px !important
}
.zm-profile-header .editable-group .zg-form-text-input.zm-editable-editor-inner {
  width: auto
}
.zm-profile-header .editable-group .zg-btn-blue {
  margin: -3px 0 0 8px
}
.zm-profile-header .editable-group .info-empty-wrap {
  display: none
}
.zm-profile-header .editable-group .info-wrap .item+.item {
  border-left: 1px solid #eee;
  margin-left: 6px;
  padding-left: 10px
}
.zm-profile-header .editable-group.editing .info-wrap,
.zm-profile-header .editable-group.editing .info-empty-wrap {
  display: none !important
}
.zm-profile-header .editable-group.editing .edit-wrap {
  display: inline !important
}
.zm-profile-header .editable-group.empty .info-wrap {
  display: none
}
.zm-profile-header .editable-group.empty .info-wrap .edit {
  display: none
}
.zm-profile-header .editable-group.empty .info-empty-wrap {
  display: inline-block
}
.zm-profile-header .zm-profile-header-user-detail {
  position: absolute;
  bottom: 0;
  right: 0
}
.zm-profile-header .zm-profile-header-user-describe .item+.item {
  margin-top: 6px
}
.zm-profile-header .zm-profile-header-user-describe .item .zg-bull {
  text-indent: -9999px;
  border-right: 1px solid #EEE;
  line-height: 16px;
  padding: 0 6px 0 0;
  margin: 0 6px 0 0
}
.zm-profile-header .zm-profile-header-user-describe .item .topic-link {
  color: #666
}
.zm-profile-header .zm-profile-header-user-describe .item .topic-link:hover {
  color: #259
}
.zm-profile-header .zm-profile-header-user-describe .item .icon {
  margin-right: 6px
}
.zm-profile-header .zm-profile-header-user-describe .item .zg-icon-edit-button-blue {
  margin: 0
}
.vote-thanks-relation p+p {
  margin-top: 6px
}
.vote-thanks-relation .zg-icon {
  vertical-align: -2px;
  margin-right: 4px
}
.vote-thanks-relation .zg-icon.vote {
  background-position: -123px -184px;
  width: 20px;
  height: 14px
}
.vote-thanks-relation .zg-icon.be-voted {
  background-position: -123px -166px;
  width: 20px;
  height: 14px
}
.topic-input-wrap {
  position: relative
}
.topic-input-wrap .ac-renderer {
  top: auto;
  margin-top: 0 !important;
  width: auto;
  min-width: 300px
}
.topic-input-wrap .ac-renderer .ac-row {
  padding: 2px 8px
}
.zm-profile-details-wrap .zm-profile-tag-btn-del {
  display: none !important
}
html.no-touch .editable-group:hover .zu-edit-button {
  visibility: visible
}
html.touch .editable-group .zu-edit-button {
  visibility: visible
}
.avatar-edit-preview-loading {
  position: absolute;
  z-index: 1;
  top: 44px;
  left: 44px
}
.avatar-edit-preview-loading span {
  display: block;
  background: url(../img/spinner2.gif)/*tpa=http://static.zhihu.com/static/img/spinner2.gif*/ no-repeat;
  width: 15px;
  height: 15px
}
.avatar-edit-preview-loading.topic {
  left: 18px;
  top: 21px
}
.zh-profile-account-status {
  margin-bottom: 20px;
  line-height: 40px;
  background: #f5f5f5;
  text-indent: 14px;
  border-radius: 4px
}
.privacy-info-wrap {
  margin-top: 25px;
  border-radius: 6px;
  text-align: center;
  border: 3px dashed #ddd;
  padding: 20px;
  color: #999
}
.zm-profile-section-wrap.memorial-banner {
  height: 160px;
  background-image: url(../img/memorial_banner/memorial-banner.png)/*tpa=http://static.zhihu.com/static/img/memorial_banner/memorial-banner.png*/ ;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center
}
.zm-profile-section-wrap.memorial-banner a {
  display: block;
  width: 100%;
  height: 100%
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2) {
  .zm-profile-section-wrap.memorial-banner {
    background-image: url(../img/memorial_banner/memorial-banner@2x.png)/*tpa=http://static.zhihu.com/static/img/memorial_banner/memorial-banner@2x.png*/
  }
}
@media (max-width:767px) {
  .zm-profile-section-wrap.memorial-banner {
    height: 130px
  }
}
.profile-navbar {
  background-color: #fcfcfc;
  border-top: 1px solid #ddd;
  box-shadow: 0 2px 2px #f0f0f0 inset;
  border-radius: 0 0 4px 4px
}
.profile-navbar .item {
  float: left;
  padding: 12px 20px;
  font-weight: 700;
  color: #666;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  line-height: 22px
}
html.mobile .profile-navbar .item {
  float: none;
  display: block;
  text-align: left
}
.profile-navbar .item .num {
  color: #999;
  font-weight: 400
}
.profile-navbar .item.active {
  color: #222;
  border: solid #ddd;
  border-width: 0 1px;
  background-color: #f7f7f7;
  box-shadow: 0 2px 2px #f0f0f0 inset
}
.profile-navbar .item:hover {
  color: #259
}
.profile-navbar .item:hover .num {
  color: inherit
}
.profile-navbar .item.first {
  border-left: 0
}
.profile-navbar .item.home {
  border-right: 1px solid #eee
}
.profile-navbar .item.home.active {
  border-color: #ddd
}
.icon-profile-tab-home {
  background-position: -149px -165px;
  width: 18px;
  height: 19px;
  vertical-align: -5px
}
.profile-column-posts .header {
  margin: 1em 0;
  padding-left: 62px
}
.profile-column-posts .header .avatar-link {
  font-size: 14px;
  font-weight: 700;
  position: relative;
  color: #222
}
.profile-column-posts .header .avatar-link:hover .name {
  text-decoration: underline
}
.profile-column-posts .header .name {
  margin-top: 2px;
  display: inline-block
}
.profile-column-posts .header .avatar {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 3px;
  left: -62px
}
.profile-column-posts .header .meta,
.profile-column-posts .header .meta a {
  color: #999
}
.profile-column-posts .header .meta {
  margin-top: 2px
}
.profile-column-posts .column {
  padding: 0 0 12px
}
.profile-column-posts .column .footer {
  margin-top: 8px
}
.profile-column-posts .column .footer a {
  color: #698ebf
}
.profile-column-posts .column .empty {
  color: #999
}
.profile-column-posts .column+.column {
  padding-top: 12px;
  border-top: 1px solid #eee
}
.profile-column-posts .posts {
  list-style: none
}
.profile-column-posts .posts .post {
  line-height: 2
}
.profile-column-posts .posts .post+.post {
  margin-top: 4px
}
.profile-column-posts .posts .post-link .title {
  font-size: 14px;
  font-weight: 700
}
.profile-column-posts .vote-num {
  display: inline-block;
  margin-right: 10px;
  padding: 0 2px;
  height: 22px;
  min-width: 22px;
  color: #698ebf;
  border-radius: 3px;
  background: #eff6fa;
  font-weight: 700;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
  white-space: nowrap
}
.rq3-item-list {
  list-style: none
}
.rq3-item-list .rq-item-head {
  overflow: hidden
}
.rq3-item-list .rq-item-head>h2 {
  margin: 0;
  display: inline
}
.rq3-item-list .rq-item-head .read-button {
  float: right;
  margin-left: 5px
}
.rq3-item-list .rq-item {
  position: relative
}
.rq3-item-list .rq-item .read-button {
  top: 0;
  right: 0;
  font-size: 12px
}
.rq3-item-list .rq-item .thank-button.thanked {
  cursor: default;
  text-decoration: none
}
.rq3-item-list .rq-item+.rq-item {
  padding-top: .5em;
  border-top: 1px solid #eee
}
.rq-actions-select .display-list {
  display: inline;
  list-style: none
}
.rq-actions-select .display-list>li {
  display: inline-block;
  margin: 0 .5em 0 .2em
}
.rq-actions-select .display-list .item-label {
  white-space: nowrap
}
.rq-actions-select .menu-button {
  display: inline-block;
  outline: 0;
  cursor: pointer
}
.rq-actions-select .goog-menuitem {
  padding: 3px 1em
}
#js-debuts-entry,
.rq3-publiceditlink {
  position: relative
}
#js-debuts-entry>.tour,
.rq3-publiceditlink>.tour {
  padding-left: 35px;
  position: absolute;
  left: 106px;
  top: -21px;
  width: 180px;
  height: 70px;
  color: #666;
  line-height: 70px;
  background: url(../img/2013/publiceditlink-tour-card.png)/*tpa=http://static.zhihu.com/static/img/2013/publiceditlink-tour-card.png*/ 0 0 no-repeat
}
#js-debuts-entry>.tour>.icon,
.rq3-publiceditlink>.tour>.icon {
  margin-left: 4px
}
@media only screen and (max-device-width:450px) {
  .rq3-publiceditlink>.tour {
    display: none
  }
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2) {
  .rq3-publiceditlink>.tour {
    background-image: url(../img/2013/publiceditlink-tour-card@2x.png)/*tpa=http://static.zhihu.com/static/img/2013/publiceditlink-tour-card@2x.png*/ ;
    background-size: contain
  }
}
.zh-answer-status p {
  color: #999
}
.zh-answer-status .copyright {
  margin-top: 1em
}
.zh-answer-status .copyright .icon {
  margin-right: 5px
}
.zh-answer-status .copyright>a {
  color: #999
}
.autohide-false .zu-autohide {
  visibility: visible
}
.more-awesome {
  color: #999;
  font-size: 14px;
  text-align: center;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
  margin-top: 15px
}
.more-awesome span {
  position: relative;
  top: 13px;
  background-color: #fff;
  padding: 0 20px
}
.answer-status {
  background: #f6f6f6;
  border-radius: 4px;
  margin: 10px 0;
  padding: 14px 20px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .06)
}
.answer-status .reason {
  margin-top: 4px
}
.answer-status .note {
  color: #999;
  margin-top: 4px
}
.settings-item-content input:-moz-placeholder {
  color: #999
}
.settings-item-content input:-ms-input-placeholder {
  color: #999
}
.settings-item-content input::-webkit-input-placeholder {
  color: #999
}
.settings-item-content input[type=radio],
.settings-item-content input[type=checkbox] {
  margin: 0 5px 0 0;
  vertical-align: text-top
}
.settings-intro {
  color: #999
}
.settings-section {
  margin-top: 10px;
  border-bottom: 1px solid #eee
}
.settings-section-title {
  padding: 10px 0 5px
}
.settings-section .gray,
.settings-section-desc {
  color: #999;
  margin: 5px 0 0
}
.settings-item-content-desc {
  color: #999;
  margin: 5px 0 0
}
.settings-item-wrapper {
  padding-bottom: 20px;
  padding-top: 20px
}
.settings-item-wrapper h2 {
  font-size: 15px
}
.settings-item-wrapper p.settings-item-intro {
  color: #999;
  font-size: 13px;
  margin-top: 6px
}
.settings-item-wrapper+.settings-item-wrapper {
  border-top: 1px solid #ccc
}
.settings-item {
  padding: 12px 0;
  width: 100%
}
.settings-item.settings-item-solidline {
  padding-top: 24px;
  padding-bottom: 10px
}
.settings-item.settings-mail {
  padding-bottom: 24px
}
.settings-item.settings-mail h3 {
  display: inline
}
.settings-item .settings-item-left {
  width: 234px;
  margin-bottom: 16px
}
.settings-item .settings-item-right .row {
  margin-bottom: 10px
}
.settings-item .settings-item-right .row.settings-fast-answer label {
  width: auto
}
.settings-item .settings-item-right .row.disabled {
  color: #999
}
.settings-item .settings-item-right .row input[type=radio] {
  margin-right: 5px
}
.settings-item .settings-item-right label {
  width: 234px;
  display: inline-block;
  cursor: pointer
}
.settings-item .settings-item-right label h2 {
  display: inline
}
.settings-msg-success,
.settings-msg-error {
  position: fixed;
  top: 46px;
  margin: 0 auto;
  width: 120px;
  text-align: center;
  left: 0;
  right: 0;
  height: 30px;
  line-height: 30px;
  border-radius: 0 0 4px 4px;
  z-index: 99
}
.settings-msg-success {
  border: 1px solid #adcf66;
  background: #f2fddb;
  color: #58731f
}
.settings-msg-error {
  background: #fddbdb;
  border: 1px solid #e09393;
  color: #b01a1a
}
.settings-item+.settings-item {
  border-top: 1px dotted #f2f2f2
}
.settings-item-solidline+.settings-item-solidline {
  border-top: 1px solid #eee
}
.settings-item-title {
  width: 65px;
  text-align: left;
  margin-right: 25px;
  float: left
}
.settings-section.noti .settings-item-title {
  width: 200px
}
.settings-item-title.with-input {
  margin-top: 5px;
  margin-bottom: 4px
}
.settings-item-title+.settings-item-content {
  float: left
}
.settings-radio-label,
.settings-checkbox-label {
  color: #222;
  margin: 0
}
.settings-radio-label+.settings-radio-label {
  margin-left: 20px
}
.settings-save {
  margin-top: 25px
}
.zm-settings-account .zg-form-text-input {
  width: 160px
}
.zm-settings-account .rename-section:target .rename-tab {
  display: block
}
.zm-settings-account .rename-section:target .rename-button {
  display: none
}
.zm-settings-account .url-preview {
  margin-top: 8px
}
.zm-settings-account .url-preview>.token {
  font-weight: 700
}
.zm-settings-account .email-confirm {
  margin-top: 12px
}
.zm-settings-account .rename-tab {
  position: relative
}
.zm-settings-account .rename-tab .note {
  margin-top: 8px
}
.zm-settings-account .rename-tab .navs {
  margin-top: 8px
}
.zm-settings-account .rename-tab .tab-nav+.tab-nav {
  margin-left: 20px
}
.zm-settings-account .rename-tab input.half {
  width: 64px;
  margin-right: 6px
}
.zm-settings-account .rename-tab input.with-mask {
  width: 144px;
  padding-right: 26px
}
.zm-settings-account .rename-tab p {
  position: relative;
  margin-top: 12px
}
.zm-settings-account .rename-tab .icon-help {
  position: absolute;
  top: 50%;
  left: 159px;
  margin-top: -8px
}
.zu-settings-page .item-card {
  float: left;
  margin: 0 2% 2% 0;
  padding: .8em;
  width: 32%;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 0 #f2f4f5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
@media (max-width:480px) {
  .zu-settings-page .item-card {
    float: none;
    width: 100%
  }
}
.zu-settings-page .item-card:nth-child(3n) {
  margin-right: 0
}
.zu-settings-page .item-card .avatar-link {
  float: left;
  margin-right: .8em;
  width: 40px;
  height: 40px
}
.zu-settings-page .item-card .body a {
  color: inherit
}
#zh-report {
  margin-top: 10px
}
.report-header {
  *zoom: 1;
  margin-top: 12px;
  color: #999
}
.report-header:before,
.report-header:after {
  display: table;
  content: ""
}
.report-header:after {
  clear: both
}
.report-header .report-nohistory {
  float: left
}
.report-header .report-nav {
  float: right
}
.report-header .report-nav a {
  color: #698ebf
}
.report-header .report-nav a.active {
  color: #999
}
.report-table-wrapper {
  min-height: 200px
}
table.report-table {
  text-align: left;
  color: #666;
  border-collapse: collapse
}
table.report-table a {
  color: #698ebf
}
table.report-table tr {
  border-bottom: 1px solid rgba(224, 224, 224, .5)
}
table.report-table th,
table.report-table td {
  padding: 11px 0;
  white-space: nowrap
}
table.report-table th .zg-icon-question-mark,
table.report-table td .zg-icon-question-mark {
  display: inline-block;
  margin-left: 5px
}
table.report-table thead tr {
  border: 0
}
table.report-table thead th {
  white-space: nowrap;
  color: #222;
  font-size: 14px
}
table.report-table td.report-time {
  width: 150px
}
table.report-table td.report-type {
  width: 90px
}
table.report-table td.report-content {
  width: 500px
}
table.report-table td.report-status {
  width: 220px
}
table.report-table td.report-handle-time {
  width: 150px
}
table.report-table td.report-reported-type {
  width: 90px
}
table.report-table td.report-illegal-content {
  width: 500px
}
table.report-table td.report-result {
  width: 220px
}
table.report-table .report-deleted {
  margin-top: 6px;
  margin-right: 42px;
  padding: 14px;
  background: #F9F9F9;
  white-space: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
.report-pager {
  margin-top: 22px;
  color: #999;
  float: right
}
.report-pager span {
  padding: 0 10px
}
.report-bottom {
  margin-top: 22px;
  color: #999
}
.report-empty {
  text-align: center;
  color: #999;
  margin-top: 30px
}
.report-empty a {
  color: #698ebf
}
.report-empty .report-proud,
.report-empty .report-surprised {
  margin: 0 auto 30px;
  width: 110px;
  height: 110px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}
.report-empty .report-proud {
  background-image: url(../img/community/proud.png)/*tpa=http://static.zhihu.com/static/img/community/proud.png*/
}
.report-empty .report-surprised {
  background-image: url(../img/community/surprised.png)/*tpa=http://static.zhihu.com/static/img/community/surprised.png*/
}
.report-empty p:first-of-type {
  color: #666;
  font-size: 14px;
  margin-bottom: 50px
}
.report-empty .report-nohistory {
  margin-top: 30px
}
@media only screen and (max-width:767px) {
  .report-nohistory,
  .report-nav {
    float: none;
    margin: 0 10px
  }
  table.report-table {
    margin-top: 30px;
    display: block
  }
  table.report-table thead,
  table.report-table tbody,
  table.report-table th,
  table.report-table td,
  table.report-table tr {
    display: block
  }
  table.report-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px
  }
  table.report-table tr {
    border: 1px solid #ddd
  }
  table.report-table td {
    border: 0;
    position: relative;
    padding-left: 50% !important;
    width: auto !important;
    white-space: normal
  }
  table.report-table td+td {
    border-top: 1px solid #eee
  }
  table.report-table td:before {
    position: absolute;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap
  }
  table.report-table td.report-time:before {
    content: "举报时间"
  }
  table.report-table td.report-type:before {
    content: "类型"
  }
  table.report-table td.report-reported-type:before {
    content: "类型"
  }
  table.report-table td.report-content:before {
    content: "举报内容"
  }
  table.report-table td.report-illegal-content:before {
    content: "违规内容"
  }
  table.report-table td.report-status:before {
    content: "处理状态"
  }
  table.report-table td.report-result:before {
    content: "处理结果"
  }
  table.report-table td.report-handle-time:before {
    content: "处理时间"
  }
  table.report-table td.report-operation:before {
    content: "操作"
  }
  .report-pager {
    float: none
  }
  .report-bottom {
    margin-left: 10px
  }
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2) {
  .report-empty .report-proud {
    background-image: url(../img/community/proud@2x.png)/*tpa=http://static.zhihu.com/static/img/community/proud@2x.png*/
  }
  .report-empty .report-surprised {
    background-image: url(../img/community/surprised@2x.png)/*tpa=http://static.zhihu.com/static/img/community/surprised@2x.png*/
  }
}
.page-search .text-muted {
  color: #999
}
.page-search .text-centered {
  text-align: center
}
.page-search .question-link em,
.page-search .summary em,
.page-search .text-highlight {
  font-style: normal;
  color: #c20a0a
}
.page-search .entry-left {
  float: left;
  margin-right: 1em
}
.page-search .entry-body {
  overflow: hidden
}
.page-search .entry-content ul,
.page-search .entry-content ol {
  margin: .8em 0;
  padding-left: 2em
}
.page-search .zm-votebar {
  position: static;
  float: none;
  margin-left: 0
}
.page-search .visible-expanded {
  display: none
}
.page-search .visible-expanded .zm-item-vote-info {
  display: block
}
.page-search .numbers .number-item {
  color: #999;
  margin: 0 .3em
}
.page-search .numbers .number-item:first-child {
  margin-left: 0
}
.page-search .actions .action-item {
  color: #999;
  margin: 0 .3em
}
.page-search .actions .action-item:first-child {
  margin-left: 0
}
.page-search .actions .votenum-mobile {
  color: #698ebf;
  display: inline-block;
  vertical-align: bottom
}
.page-search .range-selector {
  position: relative;
  height: 35px;
  border-bottom: 1px solid #eee
}
.page-search .entry.answer .author {
  font-weight: 700
}
.page-search .entry.answer .author,
.page-search .entry.answer .author a {
  color: inherit
}
html.no-touch .page-search .entry.answer .visible-focusin {
  visibility: hidden
}
html.no-touch .page-search .entry.answer:hover .visible-focusin {
  visibility: visible
}
.page-search .entry.answer .title {
  font-size: 1.1em
}
.page-search .entry.answer .summary {
  margin: .5em 0;
  display: block;
  overflow: hidden;
  color: inherit;
  cursor: pointer
}
.page-search .entry.answer .summary:hover {
  text-decoration: none
}
.page-search .entry.answer .summary img {
  max-width: 120px;
  max-height: 80px;
  display: inline;
  margin-right: 1em;
  float: left
}
html.no-touch .page-search .entry.answer .summary:hover .toggle-expand {
  text-decoration: none;
  background-color: #eff6fa
}
.page-search .entry.answer .toggle-expand {
  display: inline-block;
  padding: 0 3px;
  color: #0c5897;
  border-radius: 2px;
  font-size: .9em
}
.page-search .entry-expaneded .entry-content {
  cursor: default;
  min-height: 55px
}
.page-search .entry-expaneded .hidden-expanded {
  display: none
}
.page-search .entry-expaneded .visible-expanded {
  display: block
}
.page-search .list {
  margin: 0;
  padding: 0;
  list-style: none
}
.page-search .list .item {
  padding: 15px 0
}
.page-search .list .item+.item {
  border-top: 1px solid #eee
}
.page-search .list .left {
  float: left
}
.page-search .list .right {
  float: right
}
.page-search .list .avatar-link {
  float: left
}
.page-search .list .avatar {
  margin-right: 1em
}
.page-search .list .muted,
.page-search .list .muted a,
.page-search .list .meta a {
  color: #999
}
.page-search .list .meta a+a {
  margin-left: 1em
}
.page-search .list .meta .icon {
  margin-right: 4px
}
.page-search .list.topics .name {
  font-size: 1.1em
}
.page-search .list.topics .desc a {
  color: inherit
}
.page-search .list.topics .content {
  overflow: hidden
}
.page-search .list.users .item-card .body {
  float: left
}
@media (max-width:600px) {
  .page-search .list.users .item-card .extra {
    float: none;
    clear: both
  }
  .page-search .list.users .item-card .extra .grid {
    float: left
  }
  .page-search .list.users .item-card .extra button {
    float: right
  }
}
.page-search .related-items .item-card .content {
  float: none;
  overflow: hidden
}
.page-search .related-items .item-card .extra {
  float: none;
  clear: both
}
.page-search .related-items .item-card .extra,
.page-search .related-items .item-card .extra button {
  margin-top: 1em
}
.page-search .related-items .item-card .grid {
  float: left
}
.page-search .item-card {
  list-style: none
}
.page-search .item-card .content {
  float: left
}
.page-search .item-card .body {
  overflow: hidden
}
.page-search .item-card .extra {
  float: right
}
.page-search .item-card .extra button {
  min-width: 64px;
  margin-top: .5em
}
.page-search .item-card .grid {
  text-align: center
}
.page-search .item-card .grid .col {
  float: left;
  padding: 0 1em;
  color: #999
}
.page-search .item-card .grid .col+.col {
  border-left: 1px solid #eee
}
.page-search .item-card .grid .col:first-child {
  padding-left: 0
}
.page-search .item-card .grid .col strong {
  display: block;
  white-space: nowrap;
  color: #222
}
html.no-touch .page-search .item-card .grid .col:hover {
  text-decoration: none
}
html.no-touch .page-search .item-card .grid .col:hover,
html.no-touch .page-search .item-card .grid .col:hover strong {
  color: #698ebf
}
.page-search .user-card .bio {
  max-width: 300px
}
.page-search .user-card .location,
.page-search .user-card .company {
  padding-right: .6em
}
.page-search .user-card .title {
  padding: 0 .6em
}
.page-search .user-card .company+.title {
  border-left: 1px solid #eee
}
.page-search .user-card .icon:last-child {
  margin-left: .5em
}
.page-search .user-card .icon:first-child {
  margin-right: .5em
}
.page-search .list.questions .title {
  font-size: 1.1em;
  font-weight: 700
}
.page-search .list.questions .answers {
  margin: 0 0 -15px;
  padding: 0;
  list-style: none
}
.page-search .list.questions .answer-item {
  padding: .5em 0
}
.page-search .list.questions .answer-item+.answer-item {
  border-top: 1px solid #eee
}
.page-search .empty-result {
  margin: 0 auto;
  padding-top: 1em;
  max-width: 380px
}
.page-search .empty-result p {
  margin: 1em 0;
  font-size: 1.1em
}
.page-search .question-form {
  margin-top: 1em
}
.page-search .question-form textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
.page-search .question-form .actions {
  line-height: 2.5em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}
.page-search .question-form .actions .submit {
  float: right
}
.page-search .related {
  margin: 1em 0
}
.page-search .related .list {
  padding: 0 15px;
  border: 1px solid #cbcbcb;
  border-radius: 3px
}
.page-search .related .related-foot {
  padding: .5em 0;
  text-align: right
}
.ac-renderer {
  position: absolute;
  top: 35px;
  left: 1px;
  z-index: 10;
  width: 600px;
  background: #fff;
  border: solid 1px #999\0;
  border: 0 none rgba(0, 0, 0, 0);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
  box-shadow: 0 1px 4px rgba(0, 0, 0, .5)
}
.ac-renderer>.ac-row:first-child {
  border-radius: 5px 5px 0 0
}
.ac-renderer>.ac-row:last-child {
  border-radius: 0 0 5px 5px
}
#zh-top-search .ac-renderer>div:last-child {
  border-radius: 0 0 5px 5px
}
#zh-top-search .ac-renderer>div:first-child {
  border-radius: 4px 4px 0 0
}
.ac-renderer>.ac-row>.zm-item-tag {
  margin: 0 10px 0 0
}
.ac-row {
  cursor: pointer;
  padding: 8px;
  zoom: 1;
  clear: both
}
.ac-row .zm-item-img-avatar {
  margin: 2px 10px 0 0;
  width: 25px;
  height: 25px
}
.zm-ac-gray {
  color: #999;
  margin: 0;
  font-size: 12px;
  display: inline-block
}
.zm-ac-topic-alias {
  font-size: 12px;
  line-height: 14px;
  color: #999;
  display: block;
  margin-left: 10px
}
.ac-active {
  background-color: #d6e9f8
}
.zm-ac-link,
html.no-touch .zm-ac-link:hover,
.zm-ac-link:visited,
.zm-ac-link:focus {
  color: #222;
  line-height: 1;
  margin: 0 10px 0 0
}
.zm-ac-link:hover {
  text-decoration: none
}
.zm-ac-link-people {
  display: block
}
.goog-menu {
  position: absolute;
  z-index: 19;
  margin: 0;
  padding: 5px 0;
  background: #fff;
  cursor: default;
  outline: 0;
  border: solid 1px #CCC;
  box-shadow: 0 1px 2px #ddd;
  border-radius: 3px
}
.goog-menu.report-menu .goog-menuitem {
  padding-right: 20px;
  line-height: 1.7;
  text-align: left;
  color: #999 !important;
  cursor: pointer
}
.goog-menuseparator {
  border-top: 1px solid #eee;
  margin: 4px 10px;
  padding: 0
}
.goog-menuitem {
  margin: 0;
  padding: 3px 1em 3px 28px;
  display: block;
  color: inherit;
  cursor: default;
  list-style: none;
  white-space: nowrap
}
html.no-touch .goog-menuitem:hover {
  text-decoration: none
}
.goog-menu-nocheckbox .goog-menuitem,
.goog-menu-noicon .goog-menuitem {
  padding-left: 12px
}
.goog-menu-noaccel .goog-menuitem {
  padding-right: 20px
}
.goog-menuitem-disabled .goog-menuitem-accel,
.goog-menuitem-disabled .goog-menuitem-content {
  color: #ccc !important
}
.goog-menuitem-highlight,
.goog-menuitem-hover {
  background-color: #d6e9f8
}
.goog-menuitem-checkbox,
.goog-menuitem-icon {
  position: absolute;
  left: 6px;
  right: auto;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-repeat: no-repeat
}
.goog-option-selected .goog-menuitem-checkbox,
.goog-option-selected .goog-menuitem-icon {
  background-position: -89px 1px
}
.goog-menu-button .goog-menu-button-dropdown {
  display: none
}
.goog-menu-button-open {
  outline: 0
}
.modal-dialog {
  position: absolute;
  z-index: 99;
  margin: auto;
  width: 420px;
  border-radius: 8px;
  border: 1px solid #888;
  box-shadow: 0 0 80px 0 rgba(0, 0, 0, .4);
  background: #fff;
  text-align: left
}
.modal-dialog-bg {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 95;
  min-height: 100% !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible;
  background: #666
}
.modal-dialog-title-close {
  position: absolute;
  top: 50%;
  _top: 20px;
  right: 3px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  text-indent: -9999px;
  cursor: pointer;
  background-position: -60px -53px
}
.modal-dialog-title {
  position: relative;
  background-color: #1575d5;
  background-image: -moz-linear-gradient(top, #1d7fe2, #0865c2);
  background-image: -ms-linear-gradient(top, #1d7fe2, #0865c2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1d7fe2), to(#0865c2));
  background-image: -webkit-linear-gradient(top, #1d7fe2, #0865c2);
  background-image: -o-linear-gradient(top, #1d7fe2, #0865c2);
  background-image: linear-gradient(top, #1d7fe2, #0865c2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d7fe2', endColorstr='#0865c2', GradientType=0);
  padding: 10px 15px;
  cursor: move;
  border-radius: 6px 6px 0 0;
  border: 1px solid #0D6EB8;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset, 0 1px 1px rgba(0, 0, 0, .2);
  margin: -1px -1px 0;
  line-height: 14px
}
.modal-dialog-title-text {
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
  font-size: 15px;
  font-weight: 700
}
.modal-dialog-content {
  padding: 0 15px;
  margin: 17px 0
}
.modal-dialog-buttons {
  padding: 0 15px;
  margin-bottom: 15px;
  text-align: right;
  background: #fff
}
.modal-dialog .zm-command {
  padding: 20px 0 0
}
.modal-dialog.with-button .modal-dialog-content {
  border-radius: 0;
  border-bottom: 0;
  font-size: 14px
}
.modal-dialog.with-button .modal-dialog-buttons {
  display: block;
  padding: 0 15px;
  border-top: 0
}
.modal-dialog.no-close-button .modal-dialog-title-close {
  display: none
}
.goog-buttonset-default {
  font-size: 14px;
  line-height: 1.7;
  text-decoration: none !important;
  vertical-align: middle;
  display: inline-block;
  _display: inline !important;
  text-align: center;
  padding: 4px 10px;
  cursor: pointer;
  border-radius: 3px;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: #1472CF;
  background-color: #1575d5;
  background-image: -moz-linear-gradient(top, #1d7fe2, #0865c2);
  background-image: -ms-linear-gradient(top, #1d7fe2, #0865c2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1d7fe2), to(#0865c2));
  background-image: -webkit-linear-gradient(top, #1d7fe2, #0865c2);
  background-image: -o-linear-gradient(top, #1d7fe2, #0865c2);
  background-image: linear-gradient(top, #1d7fe2, #0865c2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d7fe2', endColorstr='#0865c2', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
  border: 1px solid #0D6EB8;
  color: #fff !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 0 rgba(0, 0, 0, .2);
  *line-height: 20px
}
.goog-buttonset-default.disabled,
.goog-buttonset-default[disabled] {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background: #eee;
  color: #888 !important;
  border: 1px solid #ddd;
  cursor: not-allowed;
  text-shadow: none;
  box-shadow: none !important
}
.goog-buttonset-default.disabled:active,
.goog-buttonset-default[disabled]:active {
  background: #eee;
  border-color: #ccc
}
.goog-buttonset-default:active {
  background: #1A70C7;
  background-color: #1a75d2;
  background-image: -moz-linear-gradient(top, #1a79d9, #1a70c7);
  background-image: -ms-linear-gradient(top, #1a79d9, #1a70c7);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1a79d9), to(#1a70c7));
  background-image: -webkit-linear-gradient(top, #1a79d9, #1a70c7);
  background-image: -o-linear-gradient(top, #1a79d9, #1a70c7);
  background-image: linear-gradient(top, #1a79d9, #1a70c7);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a79d9', endColorstr='#1a70c7', GradientType=0);
  box-shadow: 0 1px 2px rgba(255, 255, 255, .15) inset
}
.modal-dialog .textarea {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1) inset;
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1) inset;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1) inset;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
button[name=cancel] {
  border: 0;
  color: #259;
  background: transparent;
  cursor: pointer;
  margin: 0 15px 0 0;
  font-size: 13px
}
html.no-touch button[name=cancel]:hover {
  text-decoration: underline
}
.modal-dialog-cancelNoti {
  float: left;
  margin-top: 20px;
  font-size: 13px
}
.goog-toolbar {
  cursor: default;
  outline: 0;
  position: relative;
  zoom: 1;
  margin: 0;
  padding: 4px;
  border: 1px solid #CCC;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  background: #f1f1f1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
  background-color: #f3f3f3;
  background-image: -moz-linear-gradient(top, #f5f5f5, #efefef);
  background-image: -ms-linear-gradient(top, #f5f5f5, #efefef);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#efefef));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #efefef);
  background-image: -o-linear-gradient(top, #f5f5f5, #efefef);
  background-image: linear-gradient(top, #f5f5f5, #efefef);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#efefef', GradientType=0)
}
.goog-toolbar-separator {
  background-color: #C1C1C1;
  width: 1px;
  margin: 0 8px;
  height: 18px;
  line-height: 16px
}
.goog-inline-block {
  display: inline-block;
  position: relative;
  *display: block;
  *display: inline !important;
  *zoom: 1
}
.goog-toolbar-button,
.goog-toolbar-menu-button {
  border: 0;
  font-family: Arial, sans-serif;
  color: #222;
  text-decoration: none;
  list-style: none;
  vertical-align: middle;
  cursor: default;
  outline: 0;
  margin: 0 1px;
  padding: 0
}
.goog-toolbar-button-outer-box,
.goog-toolbar-button-inner-box,
.goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-inner-box {
  border: 0;
  vertical-align: top
}
.goog-toolbar-button-outer-box,
.goog-toolbar-menu-button-outer-box {
  margin: 0;
  padding: 1px 0
}
.goog-toolbar-button-inner-box,
.goog-toolbar-menu-button-inner-box {
  margin: 0 -1px;
  padding: 3px 4px
}
.goog-toolbar-button-hover .goog-toolbar-button-outer-box,
.goog-toolbar-button-active .goog-toolbar-button-outer-box,
.goog-toolbar-button-checked .goog-toolbar-button-outer-box,
.goog-toolbar-button-selected .goog-toolbar-button-outer-box,
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-active .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-open .goog-toolbar-menu-button-outer-box,
.goog-toolbar-select .goog-toolbar-menu-button-outer-box {
  border-style: solid;
  border-width: 1px 0;
  padding: 0
}
.goog-toolbar-button-hover .goog-toolbar-button-inner-box,
.goog-toolbar-button-active .goog-toolbar-button-inner-box,
.goog-toolbar-button-checked .goog-toolbar-button-inner-box,
.goog-toolbar-button-selected .goog-toolbar-button-inner-box,
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box,
.goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box,
.goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box,
.goog-toolbar-select .goog-toolbar-menu-button-inner-box {
  border-style: solid;
  border-width: 0 1px;
  padding: 3px
}
.goog-toolbar-button-hover .goog-toolbar-button-outer-box,
.goog-toolbar-button-hover .goog-toolbar-button-inner-box,
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box {
  border-color: #d1d1d1 !important
}
.goog-toolbar-button-checked .goog-toolbar-button-outer-box,
.goog-toolbar-button-hover .goog-toolbar-button-outer-box {
  margin: 0;
  padding: 0;
  border: 0 none;
  border-width: 0
}
.goog-toolbar-button-outer-box,
.goog-toolbar-menu-button-outer-box {
  margin: 0;
  padding: 0;
  border: 0 none
}
.goog-toolbar-button-inner-box,
.goog-toolbar-menu-button-inner-box {
  margin: 0;
  padding: 5px;
  border: solid 1px transparent
}
.goog-toolbar-button-hover .goog-toolbar-button-inner-box,
.goog-toolbar-button-active .goog-toolbar-button-inner-box,
.goog-toolbar-button-checked .goog-toolbar-button-inner-box,
.goog-toolbar-button-selected .goog-toolbar-button-inner-box,
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box,
.goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box,
.goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box,
.goog-toolbar-select .goog-toolbar-menu-button-inner-box {
  border-width: 1px;
  padding: 5px;
  border-color: #D1D1D1;
  border-radius: 2px
}
.goog-toolbar-button.goog-toolbar-button-checked .goog-inline-block.goog-toolbar-button-inner-box {
  border: 1px solid #C1C1C1;
  background-color: #ebebeb;
  box-shadow: 0 0 3px rgba(0, 0, 0, .1) inset
}
.goog-toolbar-button-active .goog-toolbar-button-inner-box {
  background-color: #ebebeb;
  box-shadow: 0 0 3px rgba(0, 0, 0, .1) inset
}
.tr-icon {
  width: 16px;
  height: 16px;
  display: block
}
.tr-inline-icon {
  width: 16px;
  height: 16px;
  display: inline-block
}
.tr-bold {
  background-position: 0 -127px
}
.tr-italic {
  background-position: -16px -127px
}
.tr-underline {
  background-position: -32px -127px
}
.tr-mention {
  background-position: 0 -220px
}
.tr-link {
  background-position: -66px -127px
}
.tr-blockquote {
  background-position: -112px -127px
}
.tr-code {
  background-position: -128px -127px
}
.tr-insertOrderedList {
  background-position: -144px -127px
}
.tr-insertUnorderedList {
  background-position: -160px -127px
}
.tr-image {
  background-position: -80px -127px
}
.tr-video {
  background-position: -96px -127px
}
.tr-removeFormat {
  background-position: -176px -127px
}
.tr-max {
  background-position: -192px -127px
}
.zm-editable-toolbar-container {
  position: relative
}
.tr-spinner {
  position: absolute;
  top: 12px;
  right: 40px;
  opacity: .85;
  overflow: hidden
}
.tr-equation {
  background-position: -240px -111px
}
#zu-distraction-free-editor .tr-max {
  background-position: -208px -127px
}
#toggleFullScreen {
  float: right;
  margin: 0
}
.goog-toolbar-button.goog-toolbar-button-hover .tr-icon,
.goog-toolbar-button.goog-toolbar-button-active .tr-icon,
.goog-toolbar-button.goog-toolbar-button-checked .tr-icon {
  opacity: 1
}
.tr-icon {
  opacity: .85;
  filter: alpha(opacity=85);
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  background-color: #f1f1f1
}
.goog-toolbar-button-active .tr-icon {
  background-color: #ebebeb !important
}
.goog-toolbar-button-checked .tr-icon {
  background-color: #ebebeb !important
}
.goog-toolbar-button-disabled .tr-icon {
  opacity: .3;
  filter: alpha(opacity=30)
}
.goog-checkbox {
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor: pointer
}
.goog-date-picker,
.goog-date-picker th,
.goog-date-picker td {
  font: 12px Arial, sans-serif
}
.goog-date-picker {
  -moz-user-focus: normal;
  -moz-user-select: none;
  position: relative;
  border: 1px solid #ccc;
  float: left;
  padding: 2px;
  color: #999;
  background: #fff;
  cursor: default
}
.goog-date-picker th {
  text-align: center
}
.goog-date-picker td {
  text-align: center;
  vertical-align: middle;
  padding: 1px 4px
}
.goog-date-picker-menu {
  position: absolute;
  background: threedface;
  border: 1px solid gray;
  -moz-user-focus: normal;
  z-index: 1;
  outline: 0
}
.goog-date-picker-menu ul {
  list-style: none;
  margin: 0;
  padding: 0
}
.goog-date-picker-menu ul li {
  cursor: default
}
.goog-date-picker-menu-selected {
  background: #ccf
}
.goog-date-picker th {
  font-size: .9em
}
.goog-date-picker td div {
  float: left
}
.goog-date-picker button {
  padding: 0;
  margin: 1px 0;
  border: 0;
  color: #999;
  font-weight: 700;
  background: transparent
}
.goog-date-picker-date {
  background: #fdfdfd;
  border: 1px solid #eee
}
.goog-date-picker-date:hover {
  color: #999;
  background-color: #eee
}
.goog-date-picker-week,
.goog-date-picker-wday {
  padding: 1px 3px;
  border: 0
}
.goog-date-picker-week {
  opacity: .5;
  border-right-width: 1px
}
.goog-date-picker-head td {
  text-align: center;
  background: #f7f7f7
}
td.goog-date-picker-today-cont {
  text-align: center
}
td.goog-date-picker-none-cont {
  text-align: center
}
.goog-date-picker-month {
  width: 11ex
}
.goog-date-picker-year {
  width: 6ex
}
.goog-date-picker table {
  outline: 0;
  border-collapse: collapse
}
.goog-date-picker-other-month {
  color: #888
}
td.goog-date-picker-selected {
  background: #ddd
}
.goog-date-picker-today {
  background: #f1f1f1;
  color: #999
}
.ui-datetime-picker {
  position: relative
}
.ui-datetime-picker .date {
  width: 70px;
  margin-right: 1em
}
.ui-datetime-picker select {
  line-height: 1;
  height: 28px;
  border: 1px solid #ccc;
  background: transparent
}
.ui-datetime-picker .colon {
  margin: 0 .4em
}
.ui-datetime-picker .goog-date-picker {
  position: absolute;
  z-index: 10;
  top: 30px;
  left: 0
}
.zm-item-answer a.collapse {
  display: none
}
.zm-item-expanded a.collapse {
  display: block
}
.toggle-expand.btn-toggle-question-detail {
  padding: 0;
  display: none
}
.zm-item-expanded .toggle-expand.btn-toggle-question-detail {
  display: block
}
.zm-item-answer-author-info a.collapse {
  margin-left: 10px
}
a.toggle-expand.btn-toggle-question-detail {
  margin-bottom: 5px;
  text-decoration: none;
  color: #999;
  font-size: 13px
}
a.toggle-expand.btn-toggle-question-detail span {
  font-size: 12px;
  color: #259;
  padding: 3px;
  border-radius: 2px
}
.btn-toggle-question-detail:hover span {
  background-color: #eff6fa
}
.feed-question-detail-item .question-description-plain {
  display: none
}
.zm-item-expanded .feed-question-detail-item .question-description-plain {
  display: block
}
.zm-item-expanded .feed-question-detail-item .question-description {
  display: none
}
.zm-item-expanded .feed-question-detail-item.question-detail-expanded .btn-toggle-question-detail {
  display: none
}
.zm-item-expanded .feed-question-detail-item.question-detail-expanded .question-description {
  display: block
}
.fixed-summary .toggle-expand {
  display: none
}
.zm-item-answer+.zm-item-answer .fixed-summary,
.awesome-answer-list .fixed-summary {
  cursor: pointer;
  max-height: 10em;
  overflow: hidden;
  position: relative
}
.zm-item-answer+.zm-item-answer .fixed-summary .toggle-expand,
.awesome-answer-list .fixed-summary .toggle-expand {
  display: inline-block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  background-color: #fff;
  padding: 0 3px;
  border-radius: 2px;
  font-size: 12px
}
.zm-item-answer+.zm-item-answer .fixed-summary:hover .toggle-expand,
.awesome-answer-list .fixed-summary:hover .toggle-expand {
  text-decoration: none;
  background-color: #eff6fa
}
.zm-item-answer+.zm-item-answer .fixed-summary-mask,
.awesome-answer-list .fixed-summary-mask {
  position: absolute;
  z-index: 0;
  height: 22px;
  width: 100%;
  bottom: 0;
  pointer-events: none;
  background-color: #fff
}
.awesome-answer-list .zm-item-meta {
  display: none
}
.awesome-answer-list .zm-item-expanded .zm-item-meta {
  display: block
}
.zu-top {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 20;
  width: 100%;
  height: 45px;
  background: #0666c5;
  background-color: #0767c8;
  background-image: -moz-linear-gradient(top, #086ed5, #055db5);
  background-image: -ms-linear-gradient(top, #086ed5, #055db5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#086ed5), to(#055db5));
  background-image: -webkit-linear-gradient(top, #086ed5, #055db5);
  background-image: -o-linear-gradient(top, #086ed5, #055db5);
  background-image: linear-gradient(top, #086ed5, #055db5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#086ed5', endColorstr='#055db5', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-bottom: 1px solid #044e97;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .15)
}
@media (max-width:1024px) {
  body.zhi {
    padding-top: 0 !important
  }
  .zu-top {
    position: static
  }
}
.zu-top .zg-wrap {
  position: relative;
  height: inherit;
  *zoom: 1
}
.zu-top .zg-wrap:before,
.zu-top .zg-wrap:after {
  display: table;
  content: ""
}
.zu-top .zg-wrap:after {
  clear: both
}
.zu-top-link-logo {
  background-image: url(../img/sticky_header/new_logo.png)/*tpa=http://static.zhihu.com/static/img/sticky_header/new_logo.png*/ ;
  background-repeat: no-repeat;
  background-position: 0 8px;
  color: #fff;
  display: block;
  width: 61px;
  height: 100%;
  float: left;
  text-indent: -9999px
}
.zu-top-link-logo:active {
  opacity: .8
}
.zu-top-search {
  position: relative;
  margin: 7px 0 0 12px;
  float: left
}
.zu-top-search .zm-ac-gray {
  margin-left: 1px
}
.zu-top-search .ac-renderer {
  z-index: 20;
  top: 32px
}
.zu-top-search-x {
  float: left
}
.zu-top-search-form {
  float: left;
  width: 367px;
  height: 30px;
  line-height: 30px
}
@media (max-width:959px) {
  .zu-top-search-form {
    width: 240px
  }
}
.zu-top-search-input {
  color: #999;
  background: transparent;
  padding: 7px 10px;
  border: 0 none;
  font-size: 14px;
  outline: medium none;
  overflow: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 17px;
  border: 1px solid #045BB3;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2), 0 1px 0 rgba(255, 255, 255, .1);
  background-color: #E1EAF2;
  color: #49525c;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
.zu-top-search-input:-moz-placeholder {
  color: #8d9ba8
}
.zu-top-search-input:-ms-input-placeholder {
  color: #8d9ba8
}
.zu-top-search-input::-webkit-input-placeholder {
  color: #8d9ba8
}
.zu-top-search-input:focus {
  background-color: #FFF;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2), 0 1px 15px rgba(255, 255, 255, .3);
  border: 1px solid #0B6ED3
}
.zu-top-add-question {
  float: left;
  margin: 0 0 0 6px;
  background: #0d77e4;
  background-color: #0e78e7;
  background-image: -moz-linear-gradient(top, #0e7bef, #0d73da);
  background-image: -ms-linear-gradient(top, #0e7bef, #0d73da);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0e7bef), to(#0d73da));
  background-image: -webkit-linear-gradient(top, #0e7bef, #0d73da);
  background-image: -o-linear-gradient(top, #0e7bef, #0d73da);
  background-image: linear-gradient(top, #0e7bef, #0d73da);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e7bef', endColorstr='#0d73da', GradientType=0);
  color: #FFF;
  font-size: 14px;
  width: 66px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .12);
  cursor: pointer;
  border: 1px solid #045BB2;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 1px 1px rgba(255, 255, 255, .15);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  outline: 0
}
.zu-top-add-question:active {
  background: #096ED5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0e7ceb), to(#0c6fd3));
  background: -moz-linear-gradient(top, #0e7ceb, #0c6fd3);
  border: 1px solid #0659AC;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .06), inset 0 1px 2px rgba(0, 0, 0, .2)
}
.top-nav-topic-selector {
  position: relative;
  z-index: 10
}
.top-nav-topic-selector .top-nav-dropdown {
  left: -95px
}
.top-nav-topic-selector .top-nav-dropdown li:last-child>a {
  text-align: center
}
.open .top-nav-dropdown,
html.no-touch .top-nav-topic-selector:hover .top-nav-dropdown {
  display: block;
  top: 45px
}
.top-nav-dropdown {
  display: none;
  margin: 0;
  position: absolute;
  left: 0
}
.top-nav-dropdown li {
  margin: 0;
  list-style: none
}
.top-nav-dropdown li a {
  display: block;
  width: 145px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-decoration: none;
  border-top: 1px solid #0D5AA5;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  /* border: 1px solid red; */
}
html.no-touch .top-nav-dropdown a:hover {
  background-color: #0267CC
}
.top-nav-dropdown li:first-child>a {
  border-top: 0
}
.top-nav-dropdown a.all {
  text-align: center
}
.top-nav-dropdown li:last-child>a {
  border-radius: 0 0 4px 4px
}
.top-nav-dropdown img {
  margin: 0 9px;
  width: 25px;
  height: 25px;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}
.top-nav-dropdown img,
.top-nav-dropdown span {
  vertical-align: middle
}
.mobile-top-nav-popup {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 11;
  display: none;
  border-top: 1px solid #DDD;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  border-radius: 0 0 6px 6px;
  margin-top: -1px
}
.mobile-top-nav-popup .top-nav-dropdown {
  display: block;
  position: static;
  overflow: hidden;
  background-color: #f4f4f4
}
.mobile-top-nav-popup .top-nav-dropdown li {
  position: relative;
  float: left;
  width: 50%;
  height: 45px;
  background-color: #e4e4e4;
  overflow: hidden;
  border: solid #EEE;
  border-width: 0 1px 1px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
.mobile-top-nav-popup .top-nav-dropdown li:last-child:nth-child(odd) {
  width: 100%
}
.mobile-top-nav-popup .top-nav-dropdown a {
  width: 100%;
  height: 45px;
  line-height: 39px;
  box-shadow: none;
  text-shadow: none;
  border: 0 !important;
  border-radius: 0 !important;
  color: #000;
  background-color: #f4f4f4
}
html.no-touch .mobile-top-nav-popup .top-nav-dropdown a:hover {
  background-color: #e4e4e4
}
.mobile-top-nav-popup .top-nav-dropdown img {
  margin: 0 9px 0 10px
}
.mobile-top-nav-popup .slide-up {
  display: block;
  height: 36px;
  width: 100%;
  border: 0;
  border-radius: 0 0 6px 6px;
  background: url(../img/sticky_header/arrow-icon.png)/*tpa=http://static.zhihu.com/static/img/sticky_header/arrow-icon.png*/ center #f4f4f4 no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2) {
  .mobile-top-nav-popup .slide-up {
    background-image: url(../img/sticky_header/arrow-icon@2x.png)/*tpa=http://static.zhihu.com/static/img/sticky_header/arrow-icon@2x.png*/ ;
    background-size: 11px 7px
  }
}
.mobile-top-nav-popup-profile {
  left: auto;
  width: 140px
}
.mobile-top-nav-popup-profile .top-nav-dropdown li {
  float: none;
  width: auto;
  text-indent: 1em
}
.mobile-top-nav-popup-profile .top-nav-dropdown a {
  line-height: 43px
}
.mobile-top-nav-popup-profile .zg-icon {
  display: none
}
.top-nav-profile {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 120px;
  z-index: 10
}
.top-nav-profile a {
  display: block;
  width: 120px;
  background-color: #095FB3;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .12);
  font-size: 14px
}
.top-nav-profile .top-nav-dropdown {
  top: 46px
}
.top-nav-profile .top-nav-dropdown a {
  width: 120px
}
.open .top-nav-dropdown,
html.no-touch .top-nav-profile:hover .top-nav-dropdown {
  display: block
}
.top-nav-profile .zu-top-nav-userinfo {
  position: relative;
  height: 45px;
  line-height: 45px;
  text-indent: 46px;
  color: #fff;
  text-decoration: none;
  border-top: 0;
  background: transparent;
  box-shadow: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.zu-top-nav-userinfo.selected,
html.no-touch .top-nav-profile:hover .zu-top-nav-userinfo {
  height: 46px !important;
  background-color: #075fb6;
  background-image: -moz-linear-gradient(top, #055fb8, #095fb3);
  background-image: -ms-linear-gradient(top, #055fb8, #095fb3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#055fb8), to(#095fb3));
  background-image: -webkit-linear-gradient(top, #055fb8, #095fb3);
  background-image: -o-linear-gradient(top, #055fb8, #095fb3);
  background-image: linear-gradient(top, #055fb8, #095fb3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#055fb8', endColorstr='#095fb3', GradientType=0);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, .12)
}
html.no-touch .zu-top-nav-userinfo:hover {
  background-color: #046dd6
}
.zu-top-nav-userinfo .avatar {
  position: absolute;
  top: 9px;
  left: 10px;
  width: 25px;
  height: 25px;
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .1)
}
.top-nav-dropdown .zg-icon {
  width: 20px;
  height: 20px;
  margin: 0 11px 0 15px;
  vertical-align: -7px
}
.zg-icon-dd-home {
  background-position: -6px -7px
}
.zg-icon-dd-pm {
  background-position: -6px -34px
}
.zg-icon-dd-settings {
  background-position: -6px -60px
}
.zg-icon-dd-logout {
  background-position: -6px -87px
}
.zu-top-nav {
  float: left;
  position: relative
}
.zu-top-nav-live {
  position: absolute;
  left: 108px;
  top: 45px;
  width: 290px;
  z-index: 9;
  background: #fff;
  outline: 0
}
.zu-top-nav-ul {
  padding: 0;
  margin: 0 0 0 18px
}
.zu-top-nav-li {
  position: relative;
  float: left;
  margin: 0;
  list-style: none
}
.zu-top-nav-li.current {
  background-color: #075fb6;
  background-image: -moz-linear-gradient(top, #055fb8, #095fb3);
  background-image: -ms-linear-gradient(top, #055fb8, #095fb3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#055fb8), to(#095fb3));
  background-image: -webkit-linear-gradient(top, #055fb8, #095fb3);
  background-image: -o-linear-gradient(top, #055fb8, #095fb3);
  background-image: linear-gradient(top, #055fb8, #095fb3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#055fb8', endColorstr='#095fb3', GradientType=0);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, .12)
}
.zu-top-nav-link,
.zu-top-nav-link:visited,
.zu-top-nav-link:active {
  color: #EEE
}
.zu-top-nav-link:hover {
  color: #FFF;
  text-decoration: none
}
.zu-top-nav-link {
  width: 54px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  display: block;
  color: #f2f4f5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .12);
  font-size: 14px
}
@media (max-width:959px) {
  .zu-top-nav-link {
    width: auto;
    padding: 0 10px
  }
}
.zg-noti-number {
  background: #BF1031;
  border: 1px solid #B11331;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .15);
  color: #fff;
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  -webkit-text-size-adjust: none;
  padding: 0 5px;
  height: 16px;
  line-height: 16px;
  border-radius: 16px;
  text-indent: 0;
  text-align: center;
  text-decoration: none
}
.zu-top-nav-count,
.zu-top-nav-userinfo .zu-top-nav-pm-count {
  z-index: 12;
  top: 5px;
  position: absolute
}
.zu-top-nav-count {
  left: 31px
}
.zu-top-nav-userinfo .zu-top-nav-pm-count {
  left: 29px
}
.top-nav-profile .top-nav-dropdown .zu-top-nav-pm-count {
  vertical-align: 1px;
  margin-left: 8px
}
.zu-top-nav-count:hover {
  text-decoration: none
}
.zg-black-tip {
  background: #000;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(66, 69, 72, .9)), to(rgba(51, 55, 59, .9)), color-stop(0.9, rgba(26, 28, 30, .9)));
  background: linear-gradient(top, rgba(66, 69, 72, .9), rgba(26, 28, 30, .9) 90%, rgba(51, 55, 59, .9));
  border: 1px solid rgba(0, 0, 0, .2);
  opacity: 1;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .2) inset, 0 1px 3px rgba(0, 0, 0, .8);
  box-shadow: 0 0 1px rgba(255, 255, 255, .2) inset, 0 1px 3px rgba(0, 0, 0, .8);
  position: absolute;
  left: 93px;
  top: 40px;
  width: 260px;
  padding: 0 10px 10px;
  z-index: 999;
  font-size: 12px
}
.zg-black-tip-icon {
  background: url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/ no-repeat scroll -46px -648px;
  width: 14px;
  height: 7px;
  position: absolute;
  top: -7px;
  left: 55px
}
.zg-black-tip-content {
  padding: 5px 0 0;
  color: #fff;
  font-size: 13px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
  text-align: center
}
.zg-black-tip {
  width: 100%;
  max-width: 395px
}
.zg-black-tip-icon {
  left: 50px
}
.zu-top-search-form>.zg-input-label {
  position: absolute;
  left: 8px;
  color: #999;
  cursor: text
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2) {
  .zu-top-link-logo {
    background-image: url(../img/sticky_header/new_logo@2x.png)/*tpa=http://static.zhihu.com/static/img/sticky_header/new_logo@2x.png*/ !important;
    background-size: 61px 30px
  }
  .zg-icon-dd-home {
    background-position: -5px -7px
  }
  .zg-icon-dd-pm {
    background-position: -5px -36px
  }
  .zg-icon-dd-settings {
    background-position: -5px -60px
  }
  .zg-icon-dd-logout {
    background-position: -5px -87px
  }
}
.topnav-noauth {
  margin: 0;
  position: absolute;
  right: 1em;
  line-height: 46px
}
.topnav-noauth .zg-icon {
  width: 20px;
  height: 20px;
  margin-right: 6px
}
.topnav-noauth a {
  padding: 0 10px;
  width: auto;
  height: 46px;
  line-height: 46px;
  text-align: center;
  display: block;
  color: #eee;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .12);
  white-space: nowrap;
  font-size: 14px
}
.topnav-noauth a:hover {
  color: #fff;
  text-decoration: none
}
.topnav-noauth>li {
  float: left;
  list-style: none
}
.zu-main-sidebar h3,
.zm-side-section h3,
.zu-main-sidebar h2,
.zm-side-section h2 {
  margin-bottom: 10px
}
.zu-side-btn-focus {
  width: 65px
}
.zm-side-section {
  margin-bottom: 15px;
  position: relative
}
.zm-side-section .zg-btn-red {
  width: 100%
}
.zm-side-section .zg-btn-blue {
  width: 100%;
  margin-top: 10px
}
.zm-side-section+.zm-side-section>.zm-side-section-inner {
  padding: 15px 0 0;
  border-top: 1px solid #eee
}
.zm-side-section-inner h3 {
  margin-bottom: 10px
}
.zm-side-nav {
  margin-left: -10px
}
.zm-side-nav-group:first-child {
  margin-top: -4px
}
.zm-side-nav-group {
  margin-bottom: 10px
}
.zm-side-nav-group+.zm-side-nav-group {
  padding-top: 10px;
  border-top: 1px solid #eee
}
.zm-side-nav-li {
  display: block;
  margin-bottom: 3px;
  list-style: none;
  position: relative
}
.zm-side-nav-li-wide {
  list-style: none;
  display: block;
  margin: 0 0 3px
}
.zm-side-nav-link {
  position: relative;
  padding: 0 0 0 10px;
  display: block;
  height: 28px;
  line-height: 28px;
  color: #666
}
.zm-side-nav-link .z-ico-community {
  display: inline-block;
  position: relative;
  top: 1px;
  left: -1px;
  margin-right: 2px
}
.zm-side-nav-link .zg-num {
  vertical-align: 1px;
  background: #888
}
.zm-side-nav-link.active .zg-num,
html.no-touch .zm-side-nav-li:hover .zg-num {
  background: #5781b7
}
.zm-side-nav-link.active,
html.no-touch .zm-side-nav-roundtable .follow-link:hover+.zm-side-nav-link,
html.no-touch .zm-side-nav-link:hover {
  color: #259;
  background: #eff6fa;
  border-radius: 3px;
  text-decoration: none
}
.zm-side-nav-link .zg-icon {
  margin-right: 2px;
  width: 14px;
  height: 14px;
  vertical-align: -2px
}
.zg-icon-sidenav-roundtable {
  background-position: -88px -232px
}
a.active>.zg-icon-sidenav-roundtable,
html.no-touch a:hover>.zg-icon-sidenav-roundtable {
  background-position: -106px -232px
}
.zg-icon-sidenav-draft {
  background-position: -152px -4px
}
a.active>.zg-icon-sidenav-draft,
html.no-touch a:hover>.zg-icon-sidenav-draft {
  background-position: -152px -24px
}
.zg-icon-sidenav-fav {
  background-position: -167px -4px
}
a.active>.zg-icon-sidenav-fav,
html.no-touch a:hover>.zg-icon-sidenav-fav {
  background-position: -167px -24px
}
.zg-icon-sidenav-follow {
  background-position: -183px -4px
}
a.active>.zg-icon-sidenav-follow,
html.no-touch a:hover>.zg-icon-sidenav-follow {
  background-position: -183px -24px
}
.zg-icon-sidenav-invite {
  background-position: -200px -4px
}
a.active>.zg-icon-sidenav-invite,
html.no-touch a:hover>.zg-icon-sidenav-invite {
  background-position: -200px -24px
}
.zg-icon-sidenav-all {
  background-position: -217px -4px
}
a.active>.zg-icon-sidenav-all,
html.no-touch a:hover>.zg-icon-sidenav-all {
  background-position: -217px -24px
}
.zg-icon-sidenav-debuts {
  background-position: -287px -4px
}
a.active>.zg-icon-sidenav-debuts,
html.no-touch a:hover>.zg-icon-sidenav-debuts {
  background-position: -287px -24px
}
.zg-icon-sidenav-plaza {
  background-position: -234px -4px
}
a.active>.zg-icon-sidenav-plaza,
html.no-touch a:hover>.zg-icon-sidenav-plaza {
  background-position: -234px -24px
}
.zg-icon-sidenav-find {
  background-position: -251px -4px
}
a.active>.zg-icon-sidenav-find,
html.no-touch a:hover>.zg-icon-sidenav-find {
  background-position: -251px -24px
}
.zg-icon-sidenav-publicedit {
  background-position: -269px -4px
}
a.active>.zg-icon-sidenav-publicedit,
html.no-touch a:hover>.zg-icon-sidenav-publicedit {
  background-position: -269px -24px
}
.zm-side-gray {
  color: #999;
  font-size: 12px
}
.zm-side-link-avatar {
  float: left;
  height: 25px;
  margin: 5px 5px 5px 0;
  width: 25px
}
.zm-side-my-columns .name,
.zm-side-my-columns .avatar {
  vertical-align: middle
}
.zm-side-my-columns .avatar {
  margin-right: 5px;
  width: 25px;
  height: 25px;
  border-radius: 3px
}
.zm-side-my-columns .column-link {
  height: auto;
  line-height: 34px
}
.icon-column-write {
  margin: 0 4px 0 2px;
  width: 24px;
  height: 22px;
  vertical-align: -7px;
  background-position: 0 -228px
}
html.no-touch a:hover>.icon-column-write {
  background-position: -36px -228px
}
.zm-side-list-content {
  padding-top: 15px;
  border-top: 1px solid #eee
}
.zm-side-nav li {
  position: relative
}
.zm-side-pinned-topics li {
  list-style: none;
  overflow: hidden
}
.zm-side-pinned-topics em {
  margin: 0 0 5px;
  font-weight: 700
}
.zm-side-pinned-topics em {
  white-space: nowrap;
  line-height: 1.2
}
.zm-side-pinned-topics ul li div {
  margin-left: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: normal
}
.zm-side-pinned-topics .photo img {
  margin: 0;
  width: 25px;
  height: 25px;
  border-radius: 3px
}
html.no-touch .zm-side-pinned-topics .zm-side-nav-li:hover .unpin {
  display: inline-block
}
.zm-side-pinned-topics .zm-side-nav-link {
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 25px
}
.zm-side-pinned-topics .zm-side-nav-link img {
  vertical-align: top;
  margin-right: 5px
}
.zm-side-pinned-topics .zm-side-nav-link+.unpin {
  position: absolute;
  top: 6px;
  right: 7px;
  display: none
}
.pin-topic-avatar-link {
  float: left
}
.side-roundtable-hint {
  padding-right: 12px;
  color: #999
}
.zm-side-nav-roundtable .follow-link {
  position: absolute;
  right: 12px;
  line-height: 25px;
  top: 5px;
  display: none;
  color: #698ebf !important
}
.zm-side-nav-roundtable .follow-link:hover {
  color: #259 !important
}
.zm-side-nav-roundtable .follow-link .z-icon-follow {
  display: none
}
html.no-touch .zm-side-nav-roundtable:hover .side-roundtable-hint {
  display: none
}
html.no-touch .zm-side-nav-roundtable:hover .follow-link {
  display: inline;
  text-decoration: none
}
.zm-comment-box {
  margin: 10px 0 35px;
  background: #fff;
  max-width: 540px;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}
.zm-comment-box .load-more {
  padding: 8px 0;
  display: block;
  font-size: 13px;
  height: 22px;
  text-align: center;
  border: 1px solid #eee;
  border-width: 1px 0 0;
  color: #698ebf;
  box-shadow: 0 0 5px rgba(180, 180, 180, .1) inset;
  text-shadow: 0 1px 0 #fff
}
.zm-comment-box .load-more .text {
  position: relative
}
.zm-comment-box .load-more .spinner {
  position: absolute;
  top: 0;
  right: -20px;
  display: none
}
.zm-comment-box .load-more.loading .spinner {
  display: block
}
html.no-touch .zm-comment-box .load-more:hover {
  background: #fefefe;
  text-decoration: none
}
.zm-comment-box .load-more:active {
  background: #fbfbfb;
  box-shadow: 0 0 5px rgba(180, 180, 180, .2) inset
}
.zm-comment-box .load-more+.zm-item-comment {
  margin: 0;
  padding: 8px 12px;
  border-top: 1px solid #eee
}
.zm-comment-box .zm-comment-bubble {
  position: absolute;
  top: -8px;
  left: 81px;
  display: none
}
.zm-comment-box.empty {
  border: 0;
  box-shadow: none
}
.zm-comment-box.empty.cannot-comment {
  border: 1px solid #ddd
}
.zm-comment-box.cannot-comment .editable,
.zm-comment-box.cannot-comment .zm-command,
.zm-comment-box.cannot-comment .zm-comment-op-link.reply {
  display: none !important
}
.zm-comment-box.empty .zm-comment-bubble {
  display: none !important
}
.zm-comment-box.empty.cannot-comment .zm-comment-bubble {
  display: block !important
}
.zm-comment-box.empty .zm-comment-box-ft {
  margin: 0 30px 0 0;
  padding: 0;
  border: 0 !important;
  background: 0
}
.zm-comment-box.empty.cannot-comment .zm-comment-form {
  margin: 0
}
.zm-comment-box.empty.cannot-comment .zm-comment-form,
.zm-comment-box .zm-comment-form {
  padding: 15px
}
.zm-comment-box.empty.cannot-comment .zm-comment-box-ft,
.zm-comment-box .zm-comment-box-ft {
  background: #fbfbfb;
  border-radius: 0 0 4px 4px;
  border-top: 1px solid #EEE;
  position: relative
}
.zm-comment-box.empty.cannot-comment .zm-comment-box-ft {
  background: #fff
}
.zm-comment-box .zm-comment-spinner {
  padding: 6px 12px;
  color: #999
}
.zm-item-comment {
  position: relative;
  margin: 0 12px;
  padding: 8px 0
}
.zm-item-comment .zm-comment-content-wrap {
  margin: 0 0 0 35px
}
.zm-item-comment>.zm-item-link-avatar {
  float: left;
  margin: 4px 0 0
}
.zm-item-comment .zm-item-img-avatar {
  width: 25px;
  height: 25px;
  border-radius: 2px
}
.zm-item-comment .zm-comment-content {
  color: #222;
  min-height: 22px
}
.zm-item-comment .zm-comment-hd,
.zm-item-comment .zm-comment-ft {
  color: #999
}
.zm-item-comment .zm-comment-hd .desc,
.zm-item-comment .zm-comment-ft .desc {
  font-size: 12px
}
.zm-item-comment .zm-comment-ft {
  font-size: 12px
}
.zm-item-comment .like-num {
  float: right;
  margin-top: -1px
}
.zm-item-comment .like-num>span,
.zm-item-comment .like-num>em {
  font-style: normal;
  vertical-align: -2px
}
.zm-item-comment .like-num.nil {
  visibility: hidden
}
.zm-item-comment.focusin .zm-comment-op-link,
.zm-item-comment:hover .zm-comment-op-link {
  visibility: visible
}
.zm-item-comment+.zm-item-comment {
  border-top: solid 1px #eee
}
.zm-item-comment .zm-comment-form {
  padding: 15px 0
}
.zm-comment-info {
  text-align: center
}
.zm-comment-form .zm-comment-textarea,
.zm-comment-form .zm-comment-editable {
  padding: 7px 8px;
  font-size: 13px;
  line-height: 22px;
  min-height: 22px;
  white-space: pre-wrap;
  color: #222;
  cursor: text;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1) inset;
  background-color: #fff
}
.zm-comment-form .zm-comment-textarea {
  height: 1em;
  width: 95%
}
.zm-comment-form .zm-comment-editable:focus {
  border: 1px solid #ccc
}
.zm-comment-form .zm-command {
  display: none;
  padding-bottom: 0
}
.zm-comment-form.expanded .zm-command {
  display: block;
  line-height: 33px
}
.with-self-avatar .zm-comment-form .avatar {
  display: block
}
.zm-comment-form .avatar {
  float: left;
  display: none;
  margin: 2px 10px 0 0;
  width: 34px;
  height: 34px;
  border-radius: 4px
}
.zm-comment-form .avatar+.editable {
  overflow: hidden
}
.zm-comment-op-link {
  margin-left: .5em;
  color: #999;
  font-size: 12px;
  visibility: hidden
}
html.touch .zm-comment-op-link {
  visibility: visible !important
}
html.no-touch .zm-comment-op-link:hover {
  color: #698ebf
}
.zg-icon-comment-like,
.zm-comment-op-link>.zg-icon {
  margin-right: 5px;
  width: 11px;
  height: 11px;
  vertical-align: -1px
}
.zm-comment-op-link .z-icon-no-help {
  background-position: -71px -183px
}
html.no-touch .zm-comment-op-link:hover>.z-icon-no-help {
  background-position: -71px -170px
}
.zg-icon-comment-del {
  background-position: -236px -92px
}
html.no-touch a:hover>.zg-icon-comment-del {
  background-position: -236px -79px
}
.zg-icon-comment-reply {
  background-position: -250px -92px
}
html.no-touch a:hover>.zg-icon-comment-reply {
  background-position: -250px -79px
}
.zg-icon-comment-like {
  background-position: -222px -92px
}
.zm-item-comment .like-num.liked>.zg-icon-comment-like,
html.no-touch a:hover>.zg-icon-comment-like {
  background-position: -222px -79px
}
.login-reg-box {
  *zoom: 1
}
.login-reg-box:before,
.login-reg-box:after {
  display: table;
  content: ""
}
.login-reg-box:after {
  clear: both
}
.login-reg-box .reg-box-inner {
  float: right;
  margin-top: 6px;
  margin-left: 10px
}
.login-reg-box .reg-box-inner .zg-btn-red {
  margin-right: 8px
}
.no-auth .zm-item-expanded .zm-item-vote,
.zm-item-answer-owner .zm-item-vote {
  display: block !important
}
.no-auth .zm-item-expanded .zm-votebar,
.zm-item-answer-owner .zm-votebar {
  display: none !important
}
.rq-block-mixin {
  margin: 1em 0;
  padding: 12px;
  color: #888;
  background: rgba(243, 245, 247, .44)
}
.rq-settings-ui.expanded-view .default-block {
  display: none
}
.rq-settings-ui.expanded-view .edit-block {
  display: block
}
.rq-settings-ui .block {
  margin: 1em 0;
  padding: 12px;
  color: #888;
  background: rgba(243, 245, 247, .44);
  display: none
}
.rq-settings-ui .block.bordered {
  border: solid #bbb;
  border-width: 1px 0
}
.rq-settings-ui .default-block {
  display: block
}
.rq-settings-ui .default-block em {
  font-style: normal
}
.rq-settings-ui .edit-block {
  padding-top: 17px
}
.rq-settings-ui .edit-block .label {
  float: left;
  width: 5em
}
.rq-settings-ui .edit-block .list {
  margin-left: 5em;
  min-height: 32px
}
.rq-settings-ui .edit-block .topic-editor {
  position: relative;
  margin-top: -5px
}
.rq-settings-ui .edit-block .tag-list {
  margin-top: .5em
}
.rq-settings-ui .edit-block .ac-renderer {
  width: 200px
}
.rq-settings-ui .edit-block .zg-form-text-input {
  background: #f3f5f7
}
.rq-settings-ui .edit-block .section+.section {
  margin-top: 1em
}
.rq-settings-ui .edit-block .actions-select {
  width: 200px;
  min-height: 120px
}
.rq-settings-ui .edit-block .exitedit-button {
  margin-right: .5em
}
.rq-info-block {
  margin: 1em 0;
  padding: 12px;
  color: #888;
  background: rgba(243, 245, 247, .44);
  border-radius: 4px;
  border: 1px solid #ddd
}
.qi-box-mixin {
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}
.question-invited-by {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 15px
}
.ignore-invite-hint {
  color: #999;
  margin-left: 5px
}
.question-invite-panel {
  position: relative;
  margin: 5px 0 35px;
  padding: 12px;
  color: #222;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}
.question-invite-panel.loading {
  padding: 6px 12px
}
.question-invite-panel>h3 {
  padding-top: 12px;
  margin-top: 12px;
  margin-bottom: 10px;
  border-top: 1px dotted #eee
}
.question-invite-panel>.icon-spike {
  left: 157px
}
.question-invite-panel>.error-message {
  color: #999;
  text-align: center
}
.question-invite-panel>.spinner {
  color: #999
}
.question-invite-panel .invite-title {
  position: relative
}
.question-invite-panel .ac-renderer {
  top: auto;
  width: 200px
}
.question-invite-panel .reason,
.question-invite-panel .invite-status {
  color: #999
}
.question-invite-panel .invite-status {
  margin-left: 5px;
  display: inline-block;
  white-space: nowrap
}
.question-invite-panel .input-wrapper {
  position: relative;
  display: inline-block
}
.question-invite-panel .input-wrapper .zg-icon {
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -6px
}
.question-invite-panel .search-input {
  padding-right: 20px;
  width: 130px;
  line-height: 15px;
  font-size: 13px;
  color: #777
}
.question-invite-panel .invited-shortlist {
  position: relative;
  display: inline-block
}
.question-invite-panel .invited-shortlist .zg-link,
.question-invite-panel .invited-shortlist .zg-link-gray {
  font-size: 13px;
  color: #555
}
.question-invite-panel .invited-hovercard {
  display: none;
  position: absolute;
  left: 50%;
  z-index: 11;
  padding-top: 8px;
  margin-left: -90px;
  width: 180px;
  -webkit-animation-duration: .05s;
  -moz-animation-duration: .05s;
  -o-animation-duration: .05s;
  animation-duration: .05s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 999;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}
.question-invite-panel .invited-hovercard>.icon-spike {
  left: 50%;
  top: 1px;
  margin-left: -7px
}
.question-invite-panel .invited-hovercard.in {
  display: block;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn
}
.question-invite-panel .invited-fulllist {
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  list-style: none;
  white-space: nowrap;
  background: #fff
}
.question-invite-panel .invited-fulllist>li {
  position: relative;
  padding: 0 65px 0 10px;
  height: 45px;
  line-height: 45px;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.question-invite-panel .invited-fulllist>li+li {
  border-top: 1px solid #f5f5f5
}
.question-invite-panel .invited-fulllist .zm-item-link-avatar {
  margin-right: .5em
}
.question-invite-panel .invited-fulllist .zm-item-link-avatar:hover {
  text-decoration: none
}
.question-invite-panel .invited-fulllist .zm-item-img-avatar {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  border-radius: 2px
}
.question-invite-panel .invited-fulllist .cancel-button {
  position: absolute;
  right: 10px;
  line-height: 45px;
  color: #999;
  font-size: 13px
}
.question-invite-panel .suggest-persons {
  list-style: none;
  margin-top: 12px
}
.question-invite-panel .suggest-persons>.person {
  float: left;
  width: 50%;
  height: 65px;
  overflow: hidden
}
.question-invite-panel .suggest-persons>.person.odd>.blk {
  padding-right: 10px
}
.question-invite-panel .suggest-persons>.person.even>.blk {
  padding-left: 10px
}
.question-invite-panel .suggest-persons>.person.bordered {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px dotted #eee
}
.question-invite-panel .suggest-persons>.person .zm-item-link-avatar {
  float: left;
  margin-right: 12px;
  width: 36px;
  height: 36px
}
.question-invite-panel .suggest-persons>.person .zm-item-img-avatar {
  border-radius: 3px
}
.question-invite-panel .suggest-persons>.person .content {
  overflow: hidden
}
.question-invite-panel .suggest-persons>.person .bio,
.question-invite-panel .suggest-persons>.person .reason {
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.question-invite-panel .suggest-persons .invite-button {
  float: right;
  padding: 1px 5px
}
.zh-question-answer-form-wrap {
  margin-top: 10px
}
.zh-question-answer-form-wrap .signin-mask-tip-answer {
  position: absolute;
  width: 100%;
  height: 100%
}
.zh-question-answer-form-wrap .submit-button {
  margin-left: 1em
}
.zh-answer-form {
  margin-bottom: 10px
}
.zu-answer-form-title {
  font-weight: 700
}
.zu-answer-form-disabled-wrap {
  color: #999;
  text-align: center;
  margin: 15px 0 0
}
.zh-add-question-form {
  padding: 2px 2px 0
}
.zh-add-question-form #zh-question-suggest-detail-container .zm-command {
  display: none
}
.zh-add-question-form .zg-section-big,
.zh-add-question-form #zh-question-suggest-autocomplete-container,
.zh-add-question-form #zh-question-suggest-autocomplete-container2 {
  position: relative
}
.zh-add-question-form #zh-question-suggest-autocomplete-container>.ac-renderer,
.zh-add-question-form #zh-question-suggest-autocomplete-container2>.ac-renderer {
  top: 0;
  left: 0;
  z-index: 100;
  width: 235px
}
.zh-add-question-form #zh-question-suggest-detail-trigger,
.zh-add-question-form #zh-question-suggest-topic-trigger {
  cursor: pointer
}
.zh-add-question-form .zu-question-suggest-topic-input {
  border: 0 none;
  margin: 0 0 5px 5px
}
.zh-add-question-form #zm-modal-dialog-warnmsg-wrapper>.zu-global-notify-close,
.zh-add-question-form .zm-modal-dialog-warnmsg-wrapper>.zu-global-notify-close {
  position: absolute;
  right: 7px;
  top: 7px;
  float: none;
  margin: 0
}
.zh-add-question-form .zu-question-suggest-topic-input {
  width: 120px
}
.zh-add-question-form .zm-item-img-avatar {
  margin: -2px 10px 0 0
}
.zh-add-question-form #zh-topic-desc .tr-spinner {
  display: none
}
.zh-add-question-form .zm-tag-editor-edit-item {
  margin: 0 5px 5px 0
}
.zh-add-question-form .zm-tag-editor-edit-item span {
  color: #259
}
.zh-add-question-form .zm-ac-topic-alias {
  font-size: 12px;
  line-height: 14px;
  color: #999;
  display: inline;
  padding: 10px
}
.zh-add-question-form .label-input-label {
  line-height: 23px;
  color: #999 !important
}
.zh-add-question-form .zm-add-question-form-topic-wrap .zm-tag-editor-editor.empty .zg-icon {
  display: block
}
.zh-add-question-form .zm-add-question-form-topic-wrap .sug-con {
  padding-top: 10px
}
.zh-add-question-form .zm-add-question-form-topic-wrap .sug-con .tip {
  padding-right: 8px
}
.zh-add-question-form .zm-add-question-form-topic-wrap .sug-con img {
  margin-top: 4px;
  margin-left: 4px
}
.zh-add-question-form .sug-con .sugs span:after {
  vertical-align: 1px;
  font-weight: 700;
  content: " +";
  margin-left: 1px;
  line-height: 18px
}
.zh-add-question-form .zm-question-form-hide-in-about-question-el {
  color: #666;
  margin: 5px 0
}
.zh-add-question-form #zh-question-suggest-detail-trigger {
  line-height: 24px;
  color: #698ebf;
  display: inline-block;
  -webkit-border-radius: 4px;
  border-radius: 4px
}
.zh-add-question-form .zm-add-question-detail-icon {
  display: inline-block;
  height: 14px;
  width: 15px;
  background: url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/ no-repeat -132px -46px transparent;
  margin-left: 2px;
  vertical-align: 0;
  margin-right: 2px
}
.zh-add-question-form #zh-question-form-tag-err,
.zh-add-question-form #zh-question-form-detail-err {
  font-size: 13px;
  color: #c33;
  font-weight: 400
}
.zh-add-question-form #zh-question-form-tag-err {
  margin-left: 10px
}
.zh-add-question-form #zh-question-suggest-detail-trigger:hover {
  background: #eff6fa;
  text-decoration: none
}
.zh-add-question-form .zm-add-question-form-sns-wrap {
  line-height: 32px;
  color: #666
}
.zh-add-question-form .zm-add-question-form-sns-wrap .goog-checkbox {
  margin-left: 8px;
  vertical-align: -3px;
  outline: 0
}
.zh-add-question-form .zm-add-question-form-sns-wrap .goog-checkbox.goog-checkbox-checked {
  box-shadow: 0 0 3px #7abce6
}
.zh-add-question-form .zm-add-question-form-sns-wrap .goog-checkbox.qq {
  background-position: -198px -87px
}
.zh-add-question-form .zm-add-question-form-sns-wrap .goog-checkbox.qq.goog-checkbox-checked {
  background-position: -198px -65px
}
.zh-add-question-form .zm-add-question-form-sns-wrap .goog-checkbox.sina {
  background-position: -177px -87px
}
.zh-add-question-form .zm-add-question-form-sns-wrap .goog-checkbox.sina.goog-checkbox-checked {
  background-position: -177px -65px
}
.zh-add-question-form .zm-question-form-split {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #ccc
}
.zh-add-question-form .zm-editable-editor-wrap {
  margin-top: 5px
}
.zh-add-question-form .add-question-section-title {
  margin-bottom: 5px
}
.zh-add-question-form .title-length-err-msg {
  color: #999;
  margin-top: 5px
}
.zh-add-question-form .title-length-err-msg .error {
  color: #c33;
  font-size: 1.2em
}
.zh-add-question-form .add-question-title-form textarea {
  vertical-align: bottom;
  height: 22px
}
.zh-add-question-form .extra-editor-toolbar div {
  margin-left: 10px
}
.zh-add-question-form .editable {
  min-height: 66px
}
.zh-add-question-form .add-question-splash-page {
  display: none
}
.zh-add-question-form .add-question-splash-page b {
  font-size: 14px
}
.zh-add-question-form .add-question-splash-page .before-ask-form {
  margin-top: 30px
}
.zh-add-question-form .add-question-splash-page .before-ask-form input {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%
}
.zh-add-question-form .add-question-splash-page .before-ask-form .ac-row a {
  color: inherit
}
.zh-add-question-form .add-question-splash-page p {
  margin-bottom: 18px
}
.zh-add-question-form .add-question-splash-page .ac-renderer {
  margin-top: -1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: static;
  width: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 1px solid #ccc
}
.zh-add-question-form .add-question-splash-page .ac-renderer .ac-row {
  cursor: default;
  padding: 4px 8px
}
.zh-add-question-form .add-question-splash-page .ac-renderer .ac-row.ac-first {
  cursor: default
}
.zh-add-question-form .add-question-splash-page .ac-renderer .ac-row.ac-last {
  text-align: center;
  cursor: pointer;
  background-color: #fafafa;
  border-top: 1px solid #ccc
}
.zh-add-question-form .question-suggest-ac-wrap {
  margin-top: 5px
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer {
  margin-top: -1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: static;
  width: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row {
  *zoom: 1;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin-bottom: -1px;
  border-collapse: collapse;
  padding: 6px 8px
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:before,
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:after {
  display: table;
  content: ""
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:after {
  clear: both
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:last-child,
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:first-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
html.no-touch .zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-row:hover {
  background-color: #eff6fa
}
.zh-add-question-form .question-suggest-ac-wrap .ac-renderer>.ac-head {
  padding: 6px 8px;
  font-size: 13px;
  font-weight: 400 !important
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-header {
  cursor: pointer;
  position: relative;
  padding-right: 20px !important
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-header>.zippy-indicator {
  position: absolute;
  right: 8px
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-header.goog-zippy-expanded {
  background-color: #eff6fa
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content {
  padding: 6px 0 2px
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item {
  color: #222;
  text-decoration: none
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .inline-block {
  display: inline-block;
  vertical-align: middle
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .inline-block+.inline-block {
  margin-left: 8px
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .summary {
  max-width: 65%
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .author,
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .summary-item .anon-author {
  font-weight: 700
}
.zh-add-question-form .question-suggest-ac-wrap .goog-zippy-content .zippy-row {
  padding: 2px 8px
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor {
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1) inset;
  border: 1px solid #ccc !important;
  padding: 8px 8px 3px;
  position: relative
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor.empty {
  display: block;
  padding-left: 25px
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor .icon-magnify {
  vertical-align: -1px
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor .err-tip {
  color: #999
}
.zm-add-question-form-topic-wrap .zm-tag-editor-editor .err-tip.light {
  color: #a02313
}
.zu-global-notify {
  position: relative;
  top: -2px;
  padding: 5px 0 3px;
  color: #666;
  background: #FBF9E5;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}
.zu-global-notify.zu-global-notify-info {
  z-index: 2;
  background: #eff6fa
}
.zu-global-notify a+a {
  margin-left: 5px
}
.zu-global-notify-close {
  float: right;
  margin: 0 -30px 0 0;
  width: 20px;
  height: 20px;
  opacity: .5;
  text-indent: -9999px;
  background: url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/ no-repeat -245px -144px
}
.zu-global-notify-close:hover {
  opacity: 1
}
.zu-global-notify-icon {
  float: left;
  margin: 2px 0 0 -25px;
  width: 20px;
  height: 16px;
  background: url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/ no-repeat -225px -146px
}
.zu-global-notify-icon.zu-global-notify-icon-warn {
  background-position: 0 -467px
}
.zh-summary {
  -webkit-tap-highlight-color: rgba(225, 225, 225, .5);
  position: relative;
  cursor: pointer
}
.zh-summary .inline-img {
  float: left;
  max-height: 100px;
  max-width: 180px;
  margin: 4px 10px 5px 0
}
a.toggle-expand {
  display: inline-block;
  padding: 0 3px;
  border-radius: 2px;
  font-size: .9em
}
html.no-touch .zh-summary:hover a.toggle-expand {
  text-decoration: none;
  background-color: #eff6fa
}
.zh-trendings>ul {
  list-style: none;
  margin-top: -7px
}
.zh-trendings>ul>li {
  position: relative;
  padding: 7px 0
}
html.no-touch .zh-trendings>ul>li:hover .del {
  visibility: visible
}
.zh-trendings>ul>li+li {
  border-top: dotted 1px #eee
}
.zh-trendings .del {
  position: absolute;
  top: 5px;
  right: 0;
  visibility: hidden
}
html.touch .zh-trendings .del {
  visibility: visible
}
.zh-trendings .avatar {
  float: left;
  margin: 3px 9px 0 0
}
.zh-trendings .avatar>img {
  width: 25px;
  height: 25px;
  border-radius: 2px
}
.zh-trendings .headline {
  color: #666;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.zh-trendings .bd {
  overflow: hidden
}
.zh-trendings .ft,
.zh-trendings .ft>.reason>a {
  color: #999
}
.modal-dialog-bg.white {
  background: #fff;
  -webkit-animation-duration: .2s;
  -moz-animation-duration: .2s;
  -o-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 98;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}
.modal-dialog.sign-dialog.mobile {
  border: 0;
  box-shadow: none
}
.modal-dialog.sign-dialog.mobile .modal-dialog-title-close {
  top: -5px;
  right: -5px;
  border: 15px solid #fff
}
.modal-dialog.sign-dialog.mobile .zg-form-text-input {
  font-size: 16px
}
.modal-dialog.sign-dialog.mobile .modal-dialog-content .command {
  height: 43px
}
.modal-dialog.sign-dialog.mobile input[type=submit] {
  padding: 9px 26px
}
.modal-dialog.sign-dialog.mobile .view-signup .signin-switch {
  float: left;
  line-height: 43px;
  height: 43px;
  font-size: 15px
}
.modal-dialog.sign-dialog.mobile .view-signin .actions {
  height: 43px;
  line-height: 43px;
  font-size: 15px
}
.modal-dialog.sign-dialog.mobile .view-resetpassword input[type=submit] {
  width: 112px
}
.modal-dialog.sign-dialog.mobile .view-resetpassword .reset-success {
  line-height: 43px
}
.modal-dialog.sign-dialog {
  color: #787878;
  font-size: 14px;
  border: 1px solid #cbcbcb;
  border-radius: 5px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3);
  overflow: hidden;
  -webkit-animation-duration: .3s;
  -moz-animation-duration: .3s;
  -o-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 99;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}
.modal-dialog.sign-dialog .modal-dialog-title {
  margin: 0;
  padding: 25px 15px;
  border: 0;
  background: 0;
  filter: none;
  box-shadow: none;
  text-align: center;
  cursor: default
}
.modal-dialog.sign-dialog .modal-dialog-title .modal-dialog-title-text {
  display: block;
  color: #787878;
  text-shadow: none
}
.modal-dialog.sign-dialog .modal-dialog-title .modal-dialog-title-text .title {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  margin-bottom: 10px
}
.modal-dialog.sign-dialog .modal-dialog-title .modal-dialog-title-text .sub-title {
  font-size: 14px;
  font-weight: 400
}
.modal-dialog.sign-dialog .modal-dialog-title .modal-dialog-title-close {
  height: 16px;
  width: 16px;
  top: 10px;
  right: 10px;
  margin-top: 0;
  background-position: -146px -202px;
  opacity: .2;
  filter: alpha(opacity=20)
}
.modal-dialog.sign-dialog .modal-dialog-content {
  padding: 0;
  margin-top: 0
}
.modal-dialog.sign-dialog .modal-dialog-content .view {
  display: none
}
.modal-dialog.sign-dialog .modal-dialog-content .command {
  position: relative;
  margin-top: 20px;
  height: 33px
}
.modal-dialog.sign-dialog .modal-dialog-content .validate-error-bottom {
  display: none;
  padding: 20px 10px 0;
  color: #d94957;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.modal-dialog.sign-dialog a {
  color: #787878;
  text-decoration: none;
  outline: 0
}
.modal-dialog.sign-dialog input {
  outline: 0
}
.modal-dialog.sign-dialog input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #fff inset;
  -webkit-text-fill-color: #787878
}
.modal-dialog.sign-dialog .input-wrap {
  position: relative;
  border-bottom: 1px solid #eee;
  overflow: hidden
}
.modal-dialog.sign-dialog .input-wrap:first-child {
  border-top: 1px solid #eee
}
.modal-dialog.sign-dialog .sns a {
  float: left;
  width: 50%;
  height: 45px;
  margin-top: 15px;
  line-height: 45px;
  text-align: center;
  color: #595959;
  background-color: #fafafa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
.modal-dialog.sign-dialog .sns a:first-child {
  border-right: 1px solid #f2f2f2
}
.modal-dialog.sign-dialog .sns a span.icon {
  margin-right: 6px;
  margin-top: -1px
}
.modal-dialog.sign-dialog input[type=submit] {
  background: #0077d9;
  border: 0;
  text-shadow: none;
  box-shadow: none;
  padding: 4px 17px;
  -webkit-appearance: none
}
.modal-dialog.sign-dialog input[type=submit]:hover {
  background: #0171ce
}
.modal-dialog.sign-dialog .zg-form-text-input {
  width: 100%;
  padding: 15px 10px;
  font-size: 14px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #787878;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.modal-dialog.sign-dialog .zg-form-text-input:-moz-placeholder {
  color: #dadada
}
.modal-dialog.sign-dialog .zg-form-text-input:-ms-input-placeholder {
  color: #dadada
}
.modal-dialog.sign-dialog .zg-form-text-input::-webkit-input-placeholder {
  color: #dadada
}
.modal-dialog.sign-dialog .zg-form-text-input:disabled {
  color: #787878;
  -webkit-text-fill-color: #787878;
  opacity: 1
}
.modal-dialog.sign-dialog .zg-form-text-input:disabled:-moz-placeholder {
  color: #dadada
}
.modal-dialog.sign-dialog .zg-form-text-input:disabled:-ms-input-placeholder {
  color: #dadada
}
.modal-dialog.sign-dialog .zg-form-text-input:disabled::-webkit-input-placeholder {
  color: #dadada
}
.modal-dialog.sign-dialog .zg-form-text-input:disabled::-webkit-input-placeholder {
  -webkit-text-fill-color: #dadada;
  opacity: 1
}
.modal-dialog.sign-dialog .validate-error {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 10px auto 0;
  padding-left: 15px;
  color: #d94957;
  cursor: text;
  height: 2em;
  line-height: 2;
  -webkit-animation-duration: .3s;
  -moz-animation-duration: .3s;
  -o-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 999;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  background: #fff;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 15px);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 15px);
  -webkit-backface-visibility: hidden
}
.modal-dialog.sign-dialog .validate-error span {
  color: #787878;
  cursor: pointer
}
.modal-dialog.sign-dialog .captcha-wrap .captcha {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  height: 30px;
  width: 95px;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer
}
.modal-dialog.sign-dialog .captcha-wrap img {
  width: 120px;
  height: 30px;
  margin-left: -14px
}
.modal-dialog.sign-dialog .captcha-wrap .validate-error {
  margin-right: 110px
}
.modal-dialog.sign-dialog .realname-wrap span {
  position: relative;
  float: left;
  width: 50%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
.modal-dialog.sign-dialog .realname-wrap span:first-child {
  border-right: 1px solid #eee
}
.modal-dialog.sign-dialog .password-wrap .z-ico-show-password {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer
}
.modal-dialog.sign-dialog .password-wrap .auto-width {
  margin-right: 32px
}
.modal-dialog.sign-dialog .password-wrap .zg-form-text-input {
  padding-right: 38px
}
.modal-dialog.sign-dialog .password-wrap .validate-error {
  margin-right: 38px
}
.modal-dialog.sign-dialog .view-signup .signin-switch {
  margin-left: 10px;
  line-height: 33px;
  color: #787878
}
.modal-dialog.sign-dialog .view-signin .actions {
  margin-left: 10px;
  color: #787878;
  height: 33px;
  line-height: 33px
}
.modal-dialog.sign-dialog .view-signin .actions input[type=checkbox] {
  margin-right: 3px
}
.modal-dialog.sign-dialog .view-resetpassword input[type=submit],
.modal-dialog.sign-dialog .view-resetpassword .reset-success {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto
}
.modal-dialog.sign-dialog .view-resetpassword input[type=submit] {
  width: 93px;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 999
}
.modal-dialog.sign-dialog .view-resetpassword .reset-success {
  width: 84px;
  line-height: 33px;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 999
}
.modal-dialog.sign-dialog .view-signin input[type=submit],
.modal-dialog.sign-dialog .view-signup input[type=submit] {
  margin-right: 10px
}
.modal-dialog.sign-dialog .view-info input[type=submit] {
  display: block;
  margin: auto
}
.signin-mask-tip-comment {
  position: absolute;
  top: 15px;
  width: 100%;
  background-color: transparent;
  border-color: transparent;
  cursor: text;
  margin-left: -16px;
  padding-top: 18px;
  padding-bottom: 18px;
  border-radius: 3px
}
.sign-icon {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../img/popup-sprites-0.1.png)/*tpa=http://static.zhihu.com/static/img/popup-sprites-0.1.png*/
}
.sign-icon-votedown {
  width: 42px;
  height: 43px;
  background-position: -4px -4px
}
.sign-icon-voteup {
  width: 42px;
  height: 43px;
  background-position: -50px -4px
}
.sign-icon-favo {
  width: 34px;
  height: 43px;
  background-position: -96px -4px
}
.sign-icon-comment {
  width: 42px;
  height: 41px;
  background-position: -134px -4px
}
.sign-icon-answer {
  width: 42px;
  height: 40px;
  background-position: -180px -4px
}
.sign-icon-share {
  width: 42px;
  height: 40px;
  background-position: -226px -4px
}
.sign-icon-thank {
  width: 42px;
  height: 39px;
  background-position: -272px -4px
}
.sign-icon-ask {
  width: 42px;
  height: 39px;
  background-position: -318px -4px
}
.sign-icon-follow {
  width: 42px;
  height: 34px;
  background-position: -364px -4px
}
.sign-icon-default {
  width: 40px;
  height: 41px;
  background-position: -411px -1px
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2) {
  .sign-icon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../img/popup-sprites-0.1@2x.png)/*tpa=http://static.zhihu.com/static/img/popup-sprites-0.1@2x.png*/
  }
  .sign-icon-votedown {
    width: 84px;
    height: 86px;
    background-position: -8px -8px
  }
  .sign-icon-voteup {
    width: 84px;
    height: 86px;
    background-position: -100px -8px
  }
  .sign-icon-favo {
    width: 68px;
    height: 86px;
    background-position: -192px -8px
  }
  .sign-icon-comment {
    width: 84px;
    height: 82px;
    background-position: -268px -8px
  }
  .sign-icon-answer {
    width: 84px;
    height: 80px;
    background-position: -360px -8px
  }
  .sign-icon-share {
    width: 84px;
    height: 80px;
    background-position: -452px -8px
  }
  .sign-icon-thank {
    width: 84px;
    height: 78px;
    background-position: -544px -8px
  }
  .sign-icon-ask {
    width: 84px;
    height: 78px;
    background-position: -636px -8px
  }
  .sign-icon-follow {
    width: 84px;
    height: 68px;
    background-position: -728px -8px
  }
  .sign-icon-default {
    width: 80px;
    height: 82px;
    background-position: -822px -2px
  }
}
.user-guiding-box {
  position: relative;
  height: 100px;
  width: 100%;
  color: #999;
  background-color: #f9f9f9;
  border: solid 1px #eee;
  -webkit-animation-duration: .3s;
  -moz-animation-duration: .3s;
  -o-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 100
}
.user-guiding-box .view {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-animation-duration: .3s;
  -moz-animation-duration: .3s;
  -o-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 100;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}
.user-guiding-box .view:first-child {
  display: block
}
.user-guiding-box .describe-img {
  width: 110px;
  height: 100%;
  float: left;
  background-position: center;
  background-repeat: no-repeat
}
.user-guiding-box .container {
  overflow: hidden;
  height: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 15px
}
.user-guiding-box h1 {
  margin-bottom: 13px;
  color: #666;
  line-height: 1
}
.user-guiding-box .content {
  height: 34px;
  line-height: 34px;
  font-size: 14px
}
.user-guiding-box .zg-btn-blue {
  vertical-align: top;
  outline: 0
}
.user-guiding-box a {
  color: #999
}
.user-guiding-box .close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background-position: -146px -202px;
  opacity: .1;
  filter: alpha(opacity=10);
  cursor: pointer
}
.user-guiding-box .view-headline .content {
  max-width: 387px
}
.user-guiding-box .view-headline .button-wrapper {
  float: right;
  margin-left: 15px;
  width: 116px
}
.user-guiding-box .view-headline .input-wrapper {
  overflow: hidden
}
.user-guiding-box .view-headline .zg-form-text-input {
  width: 100%;
  font-size: 14px;
  box-sizing: border-box
}
.user-guiding-box .view-headline .zg-form-text-input.error {
  border: 1px solid #e8504c;
  -webkit-box-shadow: 0 0 4px #f19290;
  -moz-box-shadow: 0 0 4px #f19290;
  box-shadow: 0 0 4px #f19290
}
.user-guiding-box .view-headline .zg-form-text-input.error::-webkit-input-placeholder {
  color: #c33
}
.user-guiding-box .view-headline .describe-img {
  background-image: url(../img/new_reg/reg-headline.png)/*tpa=http://static.zhihu.com/static/img/new_reg/reg-headline.png*/
}
.user-guiding-box .view-headline .zg-btn-blue {
  float: left
}
.user-guiding-box .view-headline label.error {
  float: right;
  line-height: 33px;
  color: #c33
}
.user-guiding-box .view-avatar .describe-img {
  background-image: url(../img/new_reg/reg-avatar.png)/*tpa=http://static.zhihu.com/static/img/new_reg/reg-avatar.png*/
}
.user-guiding-box .view-email .content {
  float: left;
  max-width: 100%;
  font-size: 13px
}
.user-guiding-box .view-email .email-wrapper {
  display: block;
  overflow: hidden
}
.user-guiding-box .view-email .email-wrapper span {
  float: left
}
.user-guiding-box .view-email .email-wrapper a {
  display: block;
  overflow: hidden;
  word-wrap: normal;
  text-overflow: ellipsis
}
.user-guiding-box .view-email .reactive-button {
  float: right;
  margin-left: 5px;
  width: 65px
}
.user-guiding-box .view-email .describe-img {
  background-image: url(../img/new_reg/reg-email.png)/*tpa=http://static.zhihu.com/static/img/new_reg/reg-email.png*/
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2) {
  .user-guiding-box .view-avatar .describe-img {
    background-image: url(../img/new_reg/reg-avatar@2x.png)/*tpa=http://static.zhihu.com/static/img/new_reg/reg-avatar@2x.png*/ ;
    background-size: 56px 61px
  }
  .user-guiding-box .view-headline .describe-img {
    background-image: url(../img/new_reg/reg-headline@2x.png)/*tpa=http://static.zhihu.com/static/img/new_reg/reg-headline@2x.png*/ ;
    background-size: 52px 47px
  }
  .user-guiding-box .view-email .describe-img {
    background-image: url(../img/new_reg/reg-email@2x.png)/*tpa=http://static.zhihu.com/static/img/new_reg/reg-email@2x.png*/ ;
    background-size: 50px 38px
  }
}
@media (max-width:767px) {
  .user-guiding-box {
    height: 90px
  }
  .user-guiding-box .container {
    padding: 15px 10px
  }
  .user-guiding-box h1,
  .user-guiding-box .zg-btn-blue {
    font-size: 14px
  }
}
html.show-app-promotion-bar .app-promotion-bar {
  display: block
}
.app-promotion-bar {
  position: fixed;
  bottom: 0;
  z-index: 3;
  display: none;
  width: 100%;
  height: 60px;
  background-color: #f5f5f5;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out
}
.app-promotion-bar.hide {
  opacity: 0
}
.app-promotion-bar .close {
  position: absolute;
  top: 0;
  left: 0;
  width: 21px;
  height: 21px;
  padding: 19px 12px 20px;
  background-image: url(../img/app_promotion_bar/close.png)/*tpa=http://static.zhihu.com/static/img/app_promotion_bar/close.png*/ ;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 21px;
  opacity: 1
}
.app-promotion-bar .icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 46px;
  width: 41px;
  height: 41px;
  margin: auto;
  background-image: url(../img/app_promotion_bar/icon.png)/*tpa=http://static.zhihu.com/static/img/app_promotion_bar/icon.png*/ ;
  background-position: center;
  background-size: 41px
}
.app-promotion-bar .title,
.app-promotion-bar .describe {
  margin-left: 97px;
  margin-right: 84px;
  line-height: 1
}
.app-promotion-bar .title {
  margin-top: 12px;
  font-size: 19px;
  color: #9596ab
}
.app-promotion-bar .describe {
  margin-top: 3px;
  font-size: 14px;
  color: #b5b5c4
}
.app-promotion-bar .download-btn {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 74px;
  height: 33px;
  margin: auto;
  font-size: 14px;
  line-height: 33px;
  text-align: center;
  color: #fff;
  background-color: #0084ff;
  border-radius: 4px;
  box-shadow: inset 0 -2px #006acc
}
@media (min-width:500px) {
  .app-promotion-bar {
    height: 90px
  }
  .app-promotion-bar .close {
    width: 30px;
    height: 30px;
    padding: 30px 25px;
    background-image: url(../img/app_promotion_bar/close_large.png)/*tpa=http://static.zhihu.com/static/img/app_promotion_bar/close_large.png*/ ;
    background-size: 30px
  }
  .app-promotion-bar .icon {
    left: 80px;
    width: 61px;
    height: 61px;
    background-image: url(../img/app_promotion_bar/icon_large.png)/*tpa=http://static.zhihu.com/static/img/app_promotion_bar/icon_large.png*/ ;
    background-size: 61px
  }
  .app-promotion-bar .title,
  .app-promotion-bar .describe {
    margin-left: 156px;
    margin-right: 145px
  }
  .app-promotion-bar .title {
    margin-top: 20px;
    font-size: 27px
  }
  .app-promotion-bar .describe {
    margin-top: 7px;
    font-size: 16px
  }
  .app-promotion-bar .download-btn {
    right: 35px;
    width: 110px;
    height: 55px;
    font-size: 18px;
    line-height: 55px;
    border-radius: 6px;
    box-shadow: inset 0 -3px #006acc
  }
}
.zm-fav-list-item-place-holder {
  color: #ccc;
  border: 2px dashed #ddd;
  padding: 10px 0;
  text-align: center
}
.zm-fav-list-item-lock {
  margin-right: .5em
}
.zm-fav-list-item-lock .icon {
  margin: 0
}
.zm-favo-list-item-link-active {
  background: url(../img/check4.png)/*tpa=http://static.zhihu.com/static/img/check4.png*/ no-repeat 96% center
}
.zm-favo-list-item-title {
  color: #222
}
.zu-list-empyt-place-holder {
  color: #ccc;
  border: 2px dashed #ddd;
  padding: 15px 0;
  text-align: center;
  margin: 15px 0 0
}
.zm-favo-list-item-link {
  display: block;
  margin: 0 12px;
  border: solid 1px #DDD;
  padding: 8px 12px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}
.zm-favo-list-item-link .meta {
  display: block
}
.zm-favo-list-item-link+.zm-favo-list-item-link {
  margin-top: 12px
}
.zm-favo-list-item-link:hover {
  text-decoration: none;
  background-color: #F5F5F5
}
.zm-favo-list-content {
  max-height: 300px;
  overflow: auto
}
.zm-favo-dialog-create {
  padding: 5px 0
}
.zm-favo-dialog-create.zg-btn-blue {
  padding: 4px 10px;
  margin-left: 15px
}
.zh-favo-add-title-error {
  font-size: 13px;
  color: #c33;
  margin-left: 10px
}
.report-dialog.loading .modal-dialog-buttons {
  display: none
}
.report-dialog .options {
  margin-top: 8px
}
.report-dialog .options li {
  padding: 4px 6px;
  list-style: none;
  line-height: 2
}
.report-dialog .options li li {
  padding: 0 6px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%
}
.report-dialog .options label {
  cursor: pointer
}
.report-dialog .options input[type=radio] {
  margin-right: 10px
}
.report-dialog .options .description,
.report-dialog .options .group-description {
  padding-left: 1em;
  line-height: 1.7;
  color: #999
}
.report-dialog .options .group-options {
  margin-left: 10px
}
.report-dialog .options .visible-if-checked {
  display: none
}
.report-dialog .options li.checked {
  background-color: #eff6fa;
  border-radius: 3px
}
.report-dialog .options li.checked .visible-if-checked {
  display: block
}
.report-dialog .reason-text {
  width: 100%;
  margin: 10px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
.report-dialog .error-container {
  color: #fa8282;
  text-align: right
}
.report-dialog .input-container {
  position: relative
}
.report-dialog .headnote {
  float: right;
  color: #999
}
.report-dialog .footnote {
  color: #999
}
.report-dialog .loading {
  text-align: center;
  color: #999
}
.report-success-dialog p {
  position: relative;
  line-height: 35px;
  font-size: 13px
}
.report-success-dialog p a {
  color: #698ebf
}
@media (max-width:500px) {
  .report-dialog .options li {
    width: 100%
  }
}
.draft-controls {
  margin-top: 5px
}
.draft-saved-info {
  margin: 6px 0 0
}
.draft-saved-time,
.draft-save-button {
  vertical-align: -2px
}
.draft-saved-time {
  margin-left: .5em;
  color: #999
}
.draft-saved-time.warning {
  color: #c33
}
.zm-editable-editor-input {
  margin: 0 auto;
  width: 100%
}
div.zm-editable-editor-input {
  min-height: 66px
}
.zm-editable-disabled .zu-edit-button {
  display: none
}
.zm-editable-tip-label {
  cursor: pointer
}
.editable {
  min-height: 88px;
  background: #fff;
  font-size: 13px;
  cursor: text
}
.zu-edit-button {
  color: #999;
  display: inline-block;
  font-size: 11px;
  -webkit-text-size-adjust: none;
  font-weight: 400;
  padding: 0 5px 0 2px;
  margin: 0 0 0 2px
}
html.no-touch .zu-edit-button:hover {
  text-decoration: none;
  background: #eff6fa;
  border-radius: 3px;
  color: #698ebf
}
.zu-edit-button-icon {
  background-position: -118px -50px;
  height: 12px;
  margin-right: 4px;
  outline: medium none;
  overflow: hidden;
  width: 12px;
  vertical-align: -3px
}
html.no-touch a:hover>.zu-edit-button-icon {
  background-position: -131px -50px
}
.zg-icon-edit-button-gray {
  height: 12px;
  width: 10px;
  background-position: -121px -50px
}
.zg-icon-edit-button-blue {
  height: 12px;
  width: 14px;
  background-position: -135px -51px
}
.zm-editable-editor-wrap {
  margin: 8px 0 5px;
  position: relative
}
.zm-editable-editor-outer {
  position: relative;
  background: #FFF
}
.zm-editable-editor-field-wrap {
  position: relative;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1) inset;
  -webkit-transition: min-height .25s ease-out;
  background: #fff
}
#zh-question-suggest-detail-container .zm-editable-editor-field-wrap {
  overflow-y: auto;
  max-height: 192px
}
#zh-question-suggest-detail-container embed {
  max-width: 392px
}
.zm-editable-editor-field-wrap-active {
  border: 1px solid #AAA
}
.rich-editable-loading-holder {
  color: #999;
  margin: 10px 0
}
.rich-editable-loading-holder img {
  vertical-align: text-top
}
.zm-editable-editor-wrap.no-toolbar .zm-editable-editor-field-wrap {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}
.editable-dropzone {
  display: none;
  position: absolute;
  top: 8px;
  background-color: rgba(255, 255, 255, .5)
}
.editable-dropzone .row {
  display: table-row
}
.editable-dropzone .row .cell {
  display: table-cell;
  background-color: #fff;
  border: 3px dashed #999;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: .7;
  text-align: center;
  vertical-align: middle;
  color: #999;
  font-size: 20px
}
.mention-popup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin: 0;
  padding: 0;
  width: 198px;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
  border-bottom: 1px solid #bbb
}
.mention-popup.activated {
  border-radius: 4px
}
.mention-popup .writing-bg {
  border: 1px solid #bbb;
  border-bottom: 0;
  padding: 4px 8px;
  border-radius: 4px 4px 0 0;
  background: #fff
}
.mention-popup .writing-bg input {
  width: 100%;
  outline: 0;
  border: 0;
  line-height: 13px
}
.mention-popup .tip {
  background: #f4f4f4;
  min-width: 180px;
  padding: 2px 0;
  text-indent: 10px;
  border: 1px solid #bbb;
  border-bottom: 0;
  border-top: 0;
  color: #999
}
.mention-popup .name,
.mention-popup .avatar {
  vertical-align: middle
}
.mention-popup .body {
  overflow: hidden;
  line-height: 1.4
}
.mention-popup .bio,
.mention-popup .name {
  display: block;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.mention-popup .name {
  color: #222
}
.mention-popup .avatar {
  float: left;
  margin: 5px 8px 0 0;
  width: 25px;
  height: 25px;
  border-radius: 2px
}
.mention-popup .ac-renderer {
  position: static;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0 !important;
  background: #fff;
  box-shadow: none;
  border-radius: 0 0 4px 4px
}
.mention-popup .ac-renderer .ac-row {
  margin: 0;
  padding: 5px 10px;
  height: 36px;
  color: #999;
  border: solid #bbb;
  border-width: 0 1px
}
.mention-popup .ac-renderer .ac-row:first-child {
  border-radius: 0
}
.mention-holder {
  color: #222
}
.hc-lang-select {
  position: absolute;
  z-index: 110;
  text-shadow: 0 1px rgba(255, 255, 255, .8)
}
.lang-select {
  position: relative;
  width: 150px;
  overflow: hidden;
  border: 1px solid #bebebe;
  border-radius: 3px;
  background: #f0f0f0;
  box-shadow: rgba(255, 255, 255, .4) 0 1px 0 inset, 0 1px 1px rgba(0, 0, 0, .1)
}
.lang-select.collapsed .lang-list,
.lang-select.collapsed .input-wrapper {
  display: none
}
.lang-select.collapsed .title-button {
  cursor: pointer
}
.lang-select .zg-icon-double-arrow {
  position: absolute;
  top: 7px;
  right: 4px;
  pointer-events: none
}
.lang-select .title-button {
  display: block;
  margin: 0 10px;
  padding-right: 1em;
  height: 28px;
  line-height: 29px;
  outline: 0;
  cursor: default;
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.lang-select .input-wrapper {
  margin: 1px 0 8px
}
.lang-select .filter-input {
  height: 15px;
  line-height: 15px;
  margin: 0 auto;
  display: block;
  width: 120px;
  font-size: 13px;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset, 0 1px rgba(255, 255, 255, .4);
  outline: 0;
  padding: 6px !important
}
.lang-list {
  margin: 0;
  padding: 0;
  height: auto !important;
  max-height: 300px;
  overflow-x: auto
}
.lang-list>.lang-option {
  padding: 3px 10px;
  cursor: pointer
}
.lang-list>.lang-option.active {
  background: #fdfdfd
}
.lang-list>.lang-option.checked {
  display: none
}
.lang-list>.lang-option .icon.checked {
  display: none
}
.zh-backtotop {
  position: fixed;
  bottom: 113px;
  left: 50%;
  z-index: 19;
  margin-left: 230px
}
.zh-backtotop .btn-action {
  display: block;
  width: 38px;
  height: 38px;
  background-color: #ddd;
  border-radius: 3px;
  border: 0;
  cursor: pointer;
  position: relative
}
.zh-backtotop .btn-action+.btn-action {
  margin-top: 5px
}
.zh-backtotop div {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto
}
.zh-backtotop .arrow {
  width: 0;
  height: 0;
  top: -1px;
  border: 9px solid transparent;
  border-bottom-color: #aaa
}
.zh-backtotop .stick {
  width: 8px;
  height: 14px;
  top: 15px;
  border-radius: 1px;
  background-color: #aaa
}
.zh-backtotop .stab {
  position: absolute;
  left: 10px;
  top: 8px;
  width: 18px;
  height: 3px;
  background-color: #aaa
}
html.no-touch .zh-backtotop .btn-action:hover {
  background-color: #e2e2e2
}
html.no-touch .zh-backtotop .btn-action:hover .arrow {
  border-bottom-color: #bbb
}
html.no-touch .zh-backtotop .btn-action:hover .stab,
html.no-touch .zh-backtotop .btn-action:hover .stick {
  background-color: #bbb
}
@media only screen and (max-device-width:720px) {
  .zh-backtotop {
    margin: auto;
    left: auto;
    right: 1em;
    bottom: 1em
  }
}
.modal-dialog.shortcut-tips-dialog {
  width: 550px
}
.shortcut-tips {
  margin: 0;
  overflow: hidden;
  line-height: 2;
  color: #222
}
.shortcut-tips>.group {
  width: 50%;
  display: inline-block;
  vertical-align: top
}
.shortcut-tips h2 {
  margin: 0 0 0 130px;
  text-align: left
}
.shortcut-tips dl {
  margin: 0 0 1em 20px;
  font-size: 14px;
  line-height: 28px
}
.shortcut-tips dt {
  padding-right: 5px;
  float: left;
  clear: left;
  min-width: 105px;
  text-align: right
}
.shortcut-tips dd {
  text-align: left
}
.shortcut-tips dt:after {
  margin-left: 4px;
  content: ':';
  color: #999
}
kbd {
  display: inline-block;
  margin: 0 1px;
  padding: 0 5px;
  min-width: 1em;
  font: 11px/22px Menlo, Monaco, monospace;
  color: #888;
  border: 1px solid #C1C1C1;
  border-radius: 3px;
  text-align: center;
  box-shadow: inset 0 2px 2px #fff, 0 1px 2px rgba(0, 0, 0, .1);
  background: -webkit-linear-gradient(top, #fff 0, rgba(240, 240, 240, .92) 83%, rgba(250, 250, 250, .91) 89%, rgba(188, 188, 188, .9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6bcbcbc', GradientType=0)
}
body.zu-editing-distraction-free {
  overflow: hidden;
  -webkit-font-smoothing: antialiased
}
#zu-distraction-free-editor {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 88;
  display: none;
  font: 13px 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, 'Hiragino Sans GB', sans-serif;
  overflow-y: auto;
  background-color: #fbfcf7
}
#zu-distraction-free-editor .tr-icon {
  background-color: #fbfcf7
}
body.zu-editing-distraction-free #zu-distraction-free-editor {
  display: block
}
#zu-distraction-free-editor .content {
  margin-top: 50px
}
#zu-distraction-free-editor .header,
#zu-distraction-free-editor .header a,
#zu-distraction-free-editor .goog-toolbar,
#zu-distraction-free-editor .toolbar-info,
#zu-distraction-free-editor .tools {
  -webkit-transition: opacity .33s ease-in-out;
  transition: opacity .33s ease-in-out
}
#zu-distraction-free-editor .header {
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
  opacity: .5;
  z-index: 90
}
#zu-distraction-free-editor .header:hover,
#zu-distraction-free-editor .goog-scrollfloater:hover .toolbar-info,
#zu-distraction-free-editor .goog-toolbar:hover {
  opacity: 1
}
#zu-distraction-free-editor .title,
#zu-distraction-free-editor .wrapper,
#zu-distraction-free-editor .toolbar,
#zu-distraction-free-editor .content {
  width: 600px;
  margin: 0 auto;
  position: relative
}
#zu-distraction-free-editor .title {
  font-size: 18px;
  font-weight: 700;
  color: #222;
  padding: 20px 0
}
#zu-distraction-free-editor .back,
#zu-distraction-free-editor .publish {
  text-indent: -9999px;
  position: absolute;
  display: block;
  width: 68px;
  height: 30px;
  top: 18px;
  opacity: .8
}
html.no-touch #zu-distraction-free-editor .back:hover,
html.no-touch #zu-distraction-free-editor .publish:hover {
  opacity: 1
}
#zu-distraction-free-editor .back {
  background: url(../img/editor/back.png)/*tpa=http://static.zhihu.com/static/img/editor/back.png*/ no-repeat;
  left: -150px
}
#zu-distraction-free-editor .publish {
  background: url(../img/editor/publish.png)/*tpa=http://static.zhihu.com/static/img/editor/publish.png*/ no-repeat;
  right: -150px
}
@media (max-width:959px) {
  #zu-distraction-free-editor .back {
    left: -75px
  }
  #zu-distraction-free-editor .publish {
    right: -75px
  }
}
#zu-distraction-free-editor .toolbar {
  display: none;
  height: 50px;
  padding: 0 0 5px;
  background: url(../img/editor/shadow.png)/*tpa=http://static.zhihu.com/static/img/editor/shadow.png*/ no-repeat center bottom
}
#zu-distraction-free-editor .tools {
  height: 50px;
  background: 0;
  opacity: .5;
  position: relative
}
#zu-distraction-free-editor .tools span {
  position: absolute;
  right: 0;
  top: 16px
}
#zu-distraction-free-editor .tools:hover {
  opacity: 1
}
#zu-distraction-free-editor .toolbar-info {
  position: absolute;
  right: 4em;
  top: 15px;
  height: 16px;
  opacity: 0
}
#zu-distraction-free-editor .editable {
  min-height: 500px;
  margin-top: 20px;
  padding: 0 0 100px;
  background: transparent;
  font: 16px/1.8 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, 'Hiragino Sans GB', sans-serif !important
}
#zu-distraction-free-editor .editable pre {
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, .1);
  background: rgba(255, 255, 255, .5)
}
#zu-distraction-free-editor .content ul,
#zu-distraction-free-editor .content ol {
  margin: 0 0 0 30px
}
#zu-distraction-free-editor .content ul li,
#zu-distraction-free-editor .content ol li {
  margin: 0
}
#zu-distraction-free-editor .content address,
#zu-distraction-free-editor .content blockquote,
#zu-distraction-free-editor .content sup {
  line-height: 36px;
  border-left: 3px solid #E5E6E1
}
#zu-distraction-free-editor .zm-editable-editor-outer {
  margin-top: 0
}
#zu-distraction-free-editor .goog-toolbar,
#zu-distraction-free-editor .zm-editable-editor-outer,
#zu-distraction-free-editor .zm-editable-editor-field-wrap {
  padding: 0 !important;
  border: 0;
  background: 0;
  box-shadow: none
}
#zu-distraction-free-editor .goog-toolbar {
  height: 40px;
  opacity: .5
}
#zu-distraction-free-editor .sticky-goog-scrollfloater {
  position: fixed;
  top: 0;
  z-index: 100
}
#zu-distraction-free-editor .sticky-goog-scrollfloater+div {
  margin-top: 55px
}
#zu-distraction-free-editor .goog-scrollfloater {
  padding: 10px 0 5px;
  width: 600px;
  z-index: 89;
  height: 40px;
  background: url(../img/editor/shadow.png)/*tpa=http://static.zhihu.com/static/img/editor/shadow.png*/ no-repeat center bottom #fbfcf7
}
.zh-hovercard-arrow,
.zu-top-live-icon {
  height: 15px;
  width: 23px;
  z-index: 101;
  position: absolute
}
.zh-hovercard-arrow.bottom {
  bottom: -11px;
  left: 25px;
  background-position: -168px -185px
}
.zh-hovercard-arrow.top,
.zu-top-live-icon {
  top: -11px;
  left: 25px;
  background-position: -168px -165px
}
.zu-top-live-icon {
  top: -12px
}
#zh-tooltip {
  position: absolute;
  -webkit-animation-duration: .05s;
  -moz-animation-duration: .05s;
  -o-animation-duration: .05s;
  animation-duration: .05s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 100;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}
#zh-tooltip.in {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn
}
#zh-tooltip.out {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut
}
#zh-tooltip.goog-hovercard.popover {
  z-index: 90
}
.zh-profile-card {
  width: 380px
}
.zh-profile-card .upper,
.zh-profile-card .lower {
  border: 14px solid transparent
}
.zh-profile-card .upper {
  background: #fff;
  padding-left: 66px;
  min-height: 50px
}
.zh-profile-card .upper a.avatar-link {
  position: relative
}
.zh-profile-card .upper img.avatar {
  position: absolute;
  width: 50px;
  height: 50px;
  left: -66px;
  border-radius: 3px
}
.zh-profile-card .upper span.name {
  font-size: 14px;
  font-weight: 700
}
.zh-profile-card .upper div.tagline {
  font-size: 13px;
  color: #222;
  padding-top: 4px
}
.zh-profile-card .upper .personal {
  padding-top: 8px
}
.zh-profile-card .upper .personal .zg-icon {
  vertical-align: -1px
}
.zh-profile-card .upper .personal .icon-profile-education,
.zh-profile-card .upper .personal .icon-profile-company {
  margin-right: 6px
}
.zh-profile-card .upper .personal .info-wrap {
  color: #999
}
.zh-profile-card .upper .personal .info-wrap .item+.item {
  border-left: 1px solid #EEE;
  padding-left: 10px;
  margin-left: 10px
}
.zh-profile-card .upper .secondary {
  padding-top: 8px;
  color: #999;
  border-top: 1px solid #EEE;
  margin-top: 8px
}
.zh-profile-card .upper .secondary div span {
  display: inline-block
}
.zh-profile-card .upper .secondary a,
.zh-profile-card .upper .secondary a:visited {
  color: #222
}
.zh-profile-card .upper .other span {
  color: #999
}
.zh-profile-card .upper .hr {
  border-top: 1px solid #eee;
  width: 225px;
  padding-top: 6px;
  margin-top: 6px
}
.zh-profile-card .lower {
  background: #fafafa
}
.zh-profile-card .lower .operation .self {
  line-height: 48px;
  float: right;
  color: #999
}
.zh-profile-card .lower .operation .zg-btn,
.zh-profile-card .lower .operation .zg-btn-white,
.zh-profile-card .lower .operation button {
  float: right;
  height: 32px;
  margin-top: 8px;
  vertical-align: middle
}
.zh-profile-card .lower .operation .zg-btn {
  margin-left: 15px;
  font-size: 13px
}
.zh-profile-card .lower .operation .zg-icon.pm {
  background-position: 0 -148px;
  width: 17px;
  height: 14px;
  text-indent: -999em
}
.zh-profile-card .lower .meta .item {
  float: left;
  padding: 0 16px;
  border-right: 1px solid #eee;
  color: inherit;
  text-decoration: none
}
.zh-profile-card .lower .meta .item:hover {
  color: #698ebf
}
.zh-profile-card .lower .meta .item:hover .key {
  color: inherit
}
.zh-profile-card .lower .meta .item .value,
.zh-profile-card .lower .meta .item .key {
  display: block;
  text-align: center
}
.zh-profile-card .lower .meta .item .value {
  font-size: 15px;
  font-weight: 700
}
.zh-profile-card .lower .meta .item .key {
  font-size: 14px;
  color: #999
}
.zh-profile-card .lower .meta .item:first-child {
  padding-left: 0
}
.zh-profile-card .lower .meta .item:last-child {
  border-right: 0 none
}
.zu-top-nav-live {
  border-radius: 5px;
  border: solid 1px #bbb
}
.zu-top-nav-live-inner {
  padding: 10px;
  border-radius: 5px;
  border: solid 3px #f4f4f4;
  background: #fff
}
.zh-hovercard-spinner {
  width: 45px;
  height: 30px;
  background-image: url(../img/spinner2.gif)/*tpa=http://static.zhihu.com/static/img/spinner2.gif*/ ;
  background-repeat: no-repeat;
  background-position: center
}
.zu-tooltip-arrow-bottom,
.zh-tooltip-arrow-right {
  position: absolute;
  border: 6px solid transparent;
  width: 0;
  height: 0
}
.zu-tooltip-arrow-bottom {
  border-bottom-color: #222;
  top: -10px;
  left: 8px
}
.zh-tooltip-arrow-right {
  border-right-color: #222;
  top: 8px;
  left: -10px
}
.tooltip {
  position: absolute;
  z-index: 1050;
  display: block;
  visibility: visible;
  padding: 5px;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  z-index: 999;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: .05s;
  -moz-animation-duration: .05s;
  -o-animation-duration: .05s;
  animation-duration: .05s;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  white-space: nowrap
}
.tooltip.in {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn
}
.tooltip.out {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut
}
.tooltip.top {
  margin-top: -2px
}
.tooltip.right {
  margin-left: 2px
}
.tooltip.bottom {
  margin-top: 2px
}
.tooltip.left {
  margin-left: -2px
}
.tooltip.top .tooltip-arrow {
  bottom: -3px;
  left: 50%;
  margin-left: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #000;
  border-top-color: rgba(0, 0, 0, .75)
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: -3px;
  margin-top: -8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #000;
  border-left-color: rgba(0, 0, 0, .75)
}
.tooltip.bottom .tooltip-arrow {
  top: -3px;
  left: 50%;
  margin-left: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #000;
  border-bottom-color: rgba(0, 0, 0, .75)
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: -3px;
  margin-top: -8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #000;
  border-right-color: rgba(0, 0, 0, .75)
}
.tooltip .tooltip-inner {
  max-width: 300px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  background-color: rgba(0, 0, 0, .75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}
.tooltip .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  padding: 12px
}
.popover.top {
  margin-top: -6px
}
.popover.right {
  margin-left: 6px
}
.popover.bottom {
  margin-top: 6px
}
.popover.left {
  margin-left: -6px
}
.popover.top .arrow {
  bottom: 0;
  left: 50%;
  margin-left: -13px;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 13px solid #ccc
}
.popover.top .arrow2 {
  bottom: 1px;
  left: 50%;
  margin-left: -13px;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 13px solid #fafafa
}
.popover.top .arrow2.loading {
  bottom: 1px;
  left: 50%;
  margin-left: -13px;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 13px solid #fff
}
.popover.right .arrow {
  top: 50%;
  left: 0;
  margin-top: -13px;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 13px solid #ccc
}
.popover.right .arrow2 {
  top: 50%;
  left: 1px;
  margin-top: -13px;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 13px solid #fff
}
.popover.bottom .arrow {
  top: 0;
  left: 50%;
  margin-left: -13px;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid #ccc
}
.popover.bottom .arrow2 {
  top: 1px;
  left: 50%;
  margin-left: -13px;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid #fff
}
.popover.left .arrow {
  top: 50%;
  right: 0;
  margin-top: -13px;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 13px solid #ccc
}
.popover.left .arrow2 {
  top: 50%;
  right: 1px;
  margin-top: -13px;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 13px solid #fff
}
.popover .arrow,
.popover .arrow2 {
  position: absolute;
  width: 0;
  height: 0
}
.popover .popover-title {
  padding: 9px 15px;
  line-height: 1;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0
}
.popover .popover-content {
  overflow: hidden;
  background: #FFF;
  border: solid 1px #CCC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box
}
.popover .popover-content p,
.popover .popover-content ul,
.popover .popover-content ol {
  margin-bottom: 0
}
.goog-hovercard.popover {
  display: block
}
.well {
  background: #F7F7F7;
  border-radius: 4px;
  margin: 0 0 20px;
  padding: 10px 15px;
  color: #666
}
.well-blue {
  background: #ecf4f8;
  border: 1px solid #dbe6eb;
  border-radius: 4px;
  padding: 10px 15px;
  color: #666
}
.zm-side-section-inner .well>span {
  display: block;
  margin-bottom: 6px
}
#retry-active-email {
  margin-left: 20px
}
.active-mask-tip-answer {
  padding-left: 125px;
  padding-right: 20%;
  padding-top: 66px;
  margin-bottom: 25px;
  color: #999;
  background-image: url(../img/activatemail.png)/*tpa=http://static.zhihu.com/static/img/activatemail.png*/ ;
  background-position: 30px 68%;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, .5);
  position: absolute;
  overflow: hidden;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  width: 100%
}
html.touch .active-mask-tip-answer {
  padding-top: 41px !important
}
.active-mask-tip-comment {
  padding-left: 100px;
  padding-right: 20%;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #999;
  background-image: url(../img/activatemail.png)/*tpa=http://static.zhihu.com/static/img/activatemail.png*/ ;
  background-position: 15px 15px;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, .5);
  overflow: hidden;
  font-size: 14px;
  border: 1px solid #DDD;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1) inset;
  background-color: #fff
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2) {
  .active-mask-tip-answer {
    background-image: url(../img/activatemail@2x.png)/*tpa=http://static.zhihu.com/static/img/activatemail@2x.png*/ ;
    background-size: 25%
  }
  .active-mask-tip-comment {
    background-image: url(../img/activatemailsent@2x.png)/*tpa=http://static.zhihu.com/static/img/activatemailsent@2x.png*/ ;
    background-size: 25%
  }
}
.activate-dialog .zm-form-table-field {
  margin: 0 0 0 105px
}
.activate-dialog .top-tip {
  padding-left: 95px;
  padding-right: 25px;
  padding-top: 17px;
  padding-bottom: 17px;
  margin-bottom: 25px;
  color: #666;
  background-image: url(../img/activatemail.png)/*tpa=http://static.zhihu.com/static/img/activatemail.png*/ ;
  background-position: 15px center;
  background-repeat: no-repeat
}
.activate-dialog .middle-tip {
  padding-top: 85px;
  text-align: center;
  color: #999;
  background-image: url(../img/activatemailsent.png)/*tpa=http://static.zhihu.com/static/img/activatemailsent.png*/ ;
  background-position: center 15px;
  background-repeat: no-repeat;
  margin-bottom: 20px
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2) {
  .activate-dialog .top-tip {
    background-image: url(../img/activatemail@2x.png)/*tpa=http://static.zhihu.com/static/img/activatemail@2x.png*/ ;
    background-size: 25%
  }
  .activate-dialog .middle-tip {
    background-image: url(../img/activatemailsent@2x.png)/*tpa=http://static.zhihu.com/static/img/activatemailsent@2x.png*/ ;
    background-size: 25%
  }
}
.activate-dialog .bottom-tip {
  border-top: 1px dotted #eee;
  color: #999;
  font-size: 14px;
  padding-top: 20px;
  margin: 20px 10px 0
}
.activate-dialog .email-url {
  margin-top: 15px;
  text-align: center
}
.activate-dialog .zg-form-table-count {
  height: auto
}
.hc-actionbar {
  position: absolute;
  z-index: 110;
  border: 1px solid #b0b0b0;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  background: #f0f0f0
}
.hc-actionbar>.button {
  float: left;
  padding: 6px;
  cursor: pointer;
  border-right: 1px solid #b0b0b0
}
.hc-actionbar>.button:hover {
  background: #f8f8f8
}
.hc-actionbar>.button.checked,
.hc-actionbar>.button:active {
  background: #e3e3e3;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1) inset;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .1) inset;
  box-shadow: 0 0 3px rgba(0, 0, 0, .1) inset
}
.hc-actionbar>.button.first {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px
}
.hc-actionbar>.button.last {
  border-right: 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0
}
.hc-actionbar .icon {
  display: block;
  width: 16px;
  height: 16px;
  line-height: 16px
}
.icon-actionbar-link {
  background-position: -182px -202px
}
.icon-actionbar-text {
  background-position: -166px -202px
}
.editable a[data-editable].hover,
.editable a[data-editable]:hover {
  background: #eff6fa
}
img[eeimg] {
  max-width: 100%;
  vertical-align: middle
}
img[eeimg="1"] {
  display: inline-block;
  margin: 0 3px
}
img[eeimg="2"] {
  margin: 10px auto;
  display: block
}
.ee-modal-dialog {
  width: 475px
}
.ee-displaymath {
  text-align: center
}
.ee-content {
  background: #FFF;
  border: 1px solid #369;
  overflow: auto;
  padding: 4px 8px
}
.ee-tex {
  position: relative;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1) inset;
  -webkit-transition: min-height .25s ease-out;
  background: #fff;
  width: 94.8% !important;
  display: block;
  height: 4.5em
}
.ee-section-title {
  margin: 10px 0;
  font-weight: 700
}
.ee-section-title:first-child {
  margin-top: 0
}
.ee-section-title-floating {
  float: left
}
#ee-section-learn-more {
  float: right
}
.ee-preview-container {
  border: 1px dashed #ccc;
  height: 80px;
  margin: 10px 0;
  padding: 8px;
  overflow: auto
}
.ee-warning {
  color: red
}
.ee-palette {
  border: 1px solid #aaa;
  left: 0;
  outline: 0;
  position: absolute
}
.ee-palette-table {
  border: 0;
  border-collapse: separate
}
.ee-palette-cell {
  background: #fff;
  border: 1px solid #FFF;
  margin: 0;
  padding: 1px
}
.ee-palette-cell-hover {
  background: #E2ECF9 !important;
  border: 1px solid #8db5e8;
  padding: 1px
}
.ee-palette-cell-selected {
  background: #F0F0F0;
  border: 1px solid #CCC !important;
  padding: 1px
}
.ee-menu-palette-table {
  margin-right: 10px
}
.ee-menu-palette {
  cursor: default;
  position: relative;
  zoom: 1;
  margin: 0;
  padding: 4px;
  border: 1px solid #CCC;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  background: #f1f1f1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
  background-color: #f3f3f3;
  background-image: -moz-linear-gradient(top, #f5f5f5, #efefef);
  background-image: -ms-linear-gradient(top, #f5f5f5, #efefef);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#efefef));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #efefef);
  background-image: -o-linear-gradient(top, #f5f5f5, #efefef);
  background-image: linear-gradient(top, #f5f5f5, #efefef);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#efefef', GradientType=0);
  outline: 0;
  padding-top: 2px
}
.ee-menu-palette-cell {
  background: #F0F0F0 none repeat scroll 0 0;
  border-color: #ddd;
  border-style: solid;
  border-width: 0;
  padding-right: 4px
}
.ee-menu-palette-cell-hover,
.ee-menu-palette-cell-selected {
  border-color: #d1d1d1 !important;
  background: #F0F0F0
}
.ee-menu-palette-cell-hover .ee-menu-palette-item {
  border: 1px solid #ccc
}
.ee-palette-item,
.ee-menu-palette-item {
  border-radius: 2px;
  padding: 2px 0 0;
  margin: 2px 0 0;
  border: 1px solid rgba(0, 0, 0, 0);
  background-image: url(../img/ee-palettes.png)/*tpa=http://static.zhihu.com/static/img/ee-palettes.png*/
}
div.tr_bubble {
  position: absolute;
  background-color: #f0f0f0;
  border: 1px solid #b0b0b0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 83%;
  font-family: Arial, Helvetica, sans-serif;
  white-space: nowrap;
  overflow: hidden
}
.tr_bubble_link {
  vertical-align: middle;
  display: inline-block;
  height: 16px;
  padding: 6px;
  color: #00c;
  text-decoration: underline;
  cursor: pointer;
  font-size: 100%;
  border-right: 1px solid #b0b0b0
}
.tr_bubble_link:hover {
  background: #f8f8f8
}
.tr_bubble_link:active {
  background: #e3e3e3;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1) inset;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .1) inset;
  box-shadow: 0 0 3px rgba(0, 0, 0, .1) inset
}
.tr_bubble_link:first-child {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px
}
.tr_bubble_link:last-child {
  border-right: 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0
}
.tr_bubble_link .zg-icon {
  text-indent: -9999px;
  vertical-align: 0
}
.tr_bubble_panel_content {
  overflow: hidden
}
.tr_bubble .tr_option-link,
.tr_bubble #tr_delete-image,
.tr_bubble #tr_module-options-link {
  font-size: 83%
}
.tr_bubble_closebox {
  display: none
}
div.tr_bubble_panel_title {
  display: none
}
div.tr_multi_bubble div.tr_bubble_panel_title {
  margin-right: 1px;
  display: block;
  float: left;
  width: 50px
}
div.tr_multi_bubble div.tr_bubble_panel {
  padding: 2px 0 1px;
  margin-right: 50px
}
.zm-uploader-button-fix {
  vertical-align: 0
}
.zm-img-uploader a.browser {
  margin: 0 10px 10px 0
}
.zm-img-uploader .zg-form-text-input {
  margin: 0 15px 10px 0;
  width: 270px
}
.zm-img-uploader-tab {
  color: #999
}
@media only screen and (max-device-width:450px) {
  .zm-img-uploader .zg-form-text-input {
    width: 90%
  }
  .zm-uploader-button-fix {
    margin: 10px 0 0
  }
}
.zm-video-uploader-info {
  height: 24px;
  overflow: hidden;
  margin: 6px 0 0
}
.zm-img-uploader-error {
  color: #A02313;
  vertical-align: 3px
}
.zm-img-uploader-loading {
  color: #999;
  padding: 0 0 0 20px;
  background: url(../img/spinner2.gif)/*tpa=http://static.zhihu.com/static/img/spinner2.gif*/ no-repeat;
  vertical-align: 3px
}
.zm-img-uploader form {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #EEE
}
.zm-img-uploader .tab-content {
  display: none
}
.zm-img-uploader .tab-content.selected {
  display: block
}
.zm-img-uploader .tab-content.selected.inline {
  display: inline-block
}
.zm-img-uploader .tab-nav {
  font-weight: 700
}
.zm-img-uploader .tab-nav.selected {
  color: #222;
  cursor: default;
  text-decoration: none
}
.zh-webshare-dialog .weibo-panel input {
  margin-right: 5px
}
.zh-webshare-dialog .weibo-panel label {
  margin-right: 15px
}
.zh-webshare-dialog .zg-form-text-input {
  width: 90%
}
.zg-ico-qq,
.zg-ico-sina {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  margin-right: 3px
}
.zg-ico-sina {
  background: url(../img/ico_sina.gif)/*tpa=http://static.zhihu.com/static/img/ico_sina.gif*/ no-repeat
}
.zg-ico-qq {
  background: url(../img/ico_qqweibo.png)/*tpa=http://static.zhihu.com/static/img/ico_qqweibo.png*/ no-repeat
}
.tb-webshare-daily-form {
  padding-left: 16px
}
.tb-webshare-daily-form .tb-webshare-daily-title {
  width: 90%
}
.tb-webshare-daily-form textarea[name=recommend-reason] {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #999;
  padding: 4px;
  height: 86px;
  width: 90%
}
.tb-webshare-daily-form .zm-command {
  padding: 0
}
.zm-noti7-popup-arrow {
  position: absolute;
  top: -12px;
  left: 180px;
  height: 15px;
  width: 23px;
  z-index: 9;
  background: url(../img/icons_v12.png)/*tpa=http://static.zhihu.com/static/img/icons_v12.png*/ -77px -684px no-repeat
}
.zm-noti7-popup-week {
  font-size: 12px;
  line-height: 1;
  background-clip: padding-box;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  border-radius: 3px 3px 0 0;
  color: #222
}
.zm-noti7-popup-week-summary {
  padding: 8px 8px 6px;
  text-align: left
}
.zm-noti7-popup-week-summary a {
  color: #3b5998
}
.zm-noti7-frame {
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative
}
.zm-noti7-frame-border {
  height: 1px;
  width: 100%;
  position: relative;
  background: #ddd;
  background: -webkit-linear-gradient(left, rgba(250, 250, 250, .1) 0, rgba(240, 240, 240, .8) 1%, #ddd 4%, #ddd 96%, rgba(240, 240, 240, .8) 99%, rgba(250, 250, 250, .1) 100%)
}
.zm-noti7-frame-border.top::after {
  content: "";
  position: absolute;
  top: 0;
  height: 1px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  left: 4px;
  right: 4px;
  z-index: 10
}
.zm-noti7-frame-border.bottom::after {
  content: "";
  position: absolute;
  top: 0;
  height: 1px;
  box-shadow: 0 -1px 1px rgba(0, 0, 0, .05);
  left: 4px;
  right: 4px;
  z-index: 10
}
.zm-noti7-content {
  width: 315px;
  height: 100%;
  overflow-y: scroll;
  position: relative;
  -webkit-overflow-scrolling: touch
}
.zm-noti7-content-body .zm-noti7-sect:last-child .zm-noti7-content-item:last-child {
  border-bottom: 0
}
.zm-noti7-content-body .zm-noti7-sect .zm-noti7-expandable {
  margin: 0;
  border: 0;
  padding: 0
}
.zm-noti7-content-head-item {
  padding: 7px 11px 7px 23px;
  border-bottom: 1px solid #eee
}
.unread .zm-noti7-content-item {
  border-bottom: 1px solid #E5EEF7 !important
}
.unread .zm-noti7-content-item:last-child {
  border-bottom: 1px solid #EEE !important
}
.zm-noti7-content-item {
  padding: 7px 11px;
  position: relative
}
.zm-noti7-content-item .author-list .user-block {
  word-break: break-all
}
.zu-noti7-popup .zm-noti7-popup-tab-container {
  outline: 0
}
.zu-noti7-popup .zm-noti7-content-item::after {
  content: "";
  position: absolute;
  bottom: -1px;
  height: 1px;
  left: 0;
  width: 100%;
  background: -webkit-linear-gradient(left, #fff 0, rgba(255, 255, 255, .5) 1%, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, 0) 94%, rgba(255, 255, 255, .5) 99%, #fff 100%);
  display: block
}
.zm-noti7-popup-footer {
  vertical-align: middle
}
.zm-noti7-popup-footer a {
  color: #999;
  display: inline-block;
  padding: 6px 12px
}
.zm-noti7-popup-footer a.current {
  background-color: #ddd
}
.zm-noti7-popup-empty {
  width: 312px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  color: #999;
  position: absolute;
  top: 125px
}
.zu-noti7-popup .zu-top-nav-live-inner {
  padding: 0;
  border: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
  margin: 0
}
.zu-noti7-popup .zu-home-noti-inner {
  margin: 0
}
.zu-noti7-popup.zu-top-nav-live {
  width: 315px;
  left: 52px;
  top: 48px;
  border: 1px solid #ddd;
  display: none
}
.zu-noti7-popup .zu-top-live-icon {
  left: 144px;
  width: 25px;
  background: url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/ no-repeat -228px -186px
}
.zm-noti7-popup-refresh {
  padding-top: 10px;
  padding-bottom: 5px;
  text-align: center
}
.zm-noti7-popup-loading {
  padding: 119px 0;
  vertical-align: middle;
  text-align: center
}
.zm-noti7-popup-loading .icon {
  display: inline-block;
  width: 24px;
  line-height: 22px;
  text-indent: -9999px;
  position: relative;
  top: 80px
}
.zm-noti7-wrap .zm-item-more-wrap {
  border: 0
}
.zm-noti7-popup-tab-item {
  float: left;
  width: 33%;
  text-align: center;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  background: 0;
  border: 0;
  outline: 0
}
.zm-noti7-popup-tab-item+.zm-noti7-popup-tab-item {
  border-left: 1px solid #EEE
}
.zm-noti7-popup-tab-item .icon {
  position: relative;
  display: inline-block;
  width: 22px;
  line-height: 16px;
  margin: 9px;
  text-indent: -9999px;
  opacity: .6
}
.zm-noti7-popup-tab-item .icon.withdot:after {
  position: absolute;
  top: 5px;
  right: -10px;
  display: block;
  width: 6px;
  height: 6px;
  background: #3098EB;
  border-radius: 15px;
  content: ""
}
.zm-noti7-popup-tab-item:active .icon,
html.no-touch .zm-noti7-popup-tab-item:hover .icon {
  opacity: 1
}
.zm-noti7-popup-tab-item.message .icon {
  background-position: -94px -66px
}
.zm-noti7-popup-tab-item.message.current .icon {
  background-position: -94px -87px;
  opacity: 1
}
.zm-noti7-popup-tab-item.user .icon {
  background-position: -123px -65px
}
.zm-noti7-popup-tab-item.user.current .icon {
  background-position: -123px -87px;
  opacity: 1
}
.zm-noti7-popup-tab-item.thanks .icon {
  background-position: -151px -65px;
  margin: 10px 0 6px
}
.zm-noti7-popup-tab-item.thanks.current .icon {
  background-position: -151px -87px;
  opacity: 1
}
.zm-noti7-content-item .zg-follow,
.zm-noti7-content-item .zg-unfollow {
  display: none
}
html.no-touch .zm-noti7-content-item:hover .zg-follow,
html.no-touch .zm-noti7-content-item:hover .zg-unfollow {
  display: block
}
.zu-noti7-popup .zm-noti7-sect {
  width: 100%
}
.zu-noti7-popup .zm-noti7-content-item {
  border-bottom: 1px solid #eee
}
.zm-noti7-sect.unread {
  background: #eff6fa
}
.zm-noti7-content-body .zm-noti7-content-item.unread {
  background: #eff6fa;
  border-bottom: 1px solid #d1e0e8
}
.zu-noti7-popup .zm-item-link-avatar {
  float: left;
  height: 40px;
  width: 40px;
  margin-top: 2px
}
.zu-noti7-popup .zm-list-content-medium {
  margin-left: 50px
}
.zu-noti7-popup .zm-profile-section-item {
  padding: 0
}
.zu-noti7-popup .zm-profile-section-item .zg-btn {
  display: none
}
.zu-noti7-popup .zm-profile-section-item .zm-item-link-avatar img {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  margin: 0 10px 0 0
}
.avatar-edit-dialog {
  width: 340px
}
@media (max-height:470px) {
  .avatar-edit-dialog>.modal-dialog-content {
    padding: 0
  }
  .avatar-edit-dialog>.modal-dialog-title {
    display: none
  }
}
.avatar-editor-container {
  overflow: hidden;
  position: static
}
.avatar-editor-container .avatar-editor-container-inner {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  cursor: move
}
.avatar-editor-container .avatar-editor-container-inner .avatar-editor-window {
  position: static;
  overflow: hidden;
  margin: 40px
}
.avatar-editor-container .avatar-editor-container-inner .avatar-editor-window .avatar-editor-window-inner {
  position: relative
}
.avatar-editor-container .avatar-editor-container-inner .avatar-editor-window img {
  position: absolute
}
.avatar-editor-container .avatar-editor-container-inner .avatar-editor-window-shadow {
  box-shadow: 0 0 15px rgba(0, 0, 0, .5) inset;
  border: 1px solid #EEE\0;
  position: absolute;
  z-index: 1
}
.avatar-editor-container .avatar-editor-container-inner>img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .6;
  filter: alpha(opacity=60)
}
.avatar-editor-container .goog-slider-wrap {
  margin: 5px 30px 0
}
.avatar-editor-container .goog-slider-wrap .image-minus {
  display: block;
  background-position: -109px 0;
  width: 15px;
  height: 15px;
  float: left;
  margin: 2px 0 0
}
.avatar-editor-container .goog-slider-wrap .image-plus {
  display: block;
  background-position: -128px 0;
  width: 19px;
  height: 19px;
  float: right
}
.avatar-editor-container .goog-slider-wrap .goog-slider {
  position: relative;
  overflow: hidden;
  height: 20px;
  outline: 0;
  margin: 0 36px 0 29px
}
.avatar-editor-container .goog-slider-wrap .goog-slider-thumb {
  position: absolute;
  overflow: hidden;
  background: #bbb;
  cursor: pointer;
  height: 11px;
  width: 11px;
  top: 4px;
  border-radius: 6px
}
.avatar-editor-container .goog-slider-wrap .line {
  position: absolute;
  width: 100%;
  overflow: hidden;
  top: 7px;
  height: 5px;
  background: #eee;
  border-radius: 2px;
  cursor: pointer
}
.zm-entry-head-avatar-edit-button {
  cursor: pointer
}
.file-upload:hover>.zm-entry-head-avatar-edit-button {
  display: block
}
.new-avatar-editor-label {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1
}
.new-avatar-editor-loading {
  height: 50px;
  padding: 150px 0;
  text-align: center;
  color: #999
}
.new-avatar-editor-loading span {
  display: inline-block;
  background: url(../img/spinner2.gif)/*tpa=http://static.zhihu.com/static/img/spinner2.gif*/ no-repeat;
  height: 16px;
  width: 16px
}
.avatar-editor-form-ie {
  display: inline !important;
  position: static
}
.avatar-editor-form-ie input {
  height: 0;
  width: 0
}
.avatar-editor-form-ie label {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  vertical-align: middle
}
.profile-edit-avatar-btn form label {
  padding: 5px 0
}
.zm-entry-head-avatar-edit-button {
  background: url(../img/ed_white.gif)/*tpa=http://static.zhihu.com/static/img/ed_white.gif*/ no-repeat 6px 8px #000;
  color: #fff;
  display: none;
  height: 25px;
  left: 0;
  padding: 0;
  position: absolute;
  text-indent: 19px;
  bottom: 0;
  width: 100%;
  line-height: 25px;
  border-radius: 0 0 4px 4px
}
.goog-menu.zh-answer-more-actions {
  padding: 0
}
.goog-menu.zh-answer-more-actions .goog-menuitem {
  display: block;
  text-align: center;
  padding: 5px;
  margin: 0;
  width: 86px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .8)
}
.goog-menu.zh-answer-more-actions .goog-menuseparator {
  border-top: 1px solid #eee;
  margin: 0
}
.zg-icon-ellipsis-mobi {
  background-position: -282px -88px;
  vertical-align: -1px
}
.zg-icon-ellipsis {
  background-position: -50px -170px;
  width: 15px
}
.zm-item-meta .more-actions {
  outline: 0
}
.zm-item-meta .more-actions .goog-menu-button-dropdown {
  display: none
}
html.no-touch .zm-item-meta .more-actions:hover .zg-icon-ellipsis {
  background-position: -50px -182px
}
html.no-touch .zm-item-meta .more-actions:hover .lbl {
  text-decoration: underline
}
.zm-votebar-button {
  display: block;
  color: #698ebf;
  height: 24px;
  line-height: 24px;
  width: 38px;
  border-radius: 3px;
  border: 0;
  cursor: pointer;
  background: #eff6fa;
  font-weight: 700;
  font-weight: 500
}
.zm-votebar.goog-scrollfloater-floating {
  margin-top: 10px;
  margin-left: 0
}
.zm-votebar .up,
.zm-votebar .down {
  display: block;
  color: #698ebf;
  height: 24px;
  line-height: 24px;
  width: 38px;
  border-radius: 3px;
  border: 0;
  cursor: pointer;
  background: #eff6fa;
  font-weight: 700;
  font-weight: 500;
  position: relative
}
.zm-votebar .up {
  height: 44px
}
.zm-votebar .down {
  margin: 5px 0 0
}
.zm-votebar .count {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%
}
.zm-votebar .label {
  display: block;
  text-indent: -9999px
}
.zm-votebar .vote-arrow {
  *margin-top: 9px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  font-size: 0;
  _border-style: dashed;
  background-image: none
}
.zm-votebar .up .vote-arrow {
  border-top-width: 0;
  border-bottom-color: #698ebf;
  border-top-style: solid
}
.zm-votebar .down .vote-arrow {
  border-bottom-width: 0;
  border-top-color: #698ebf
}
html.no-touch .zm-votebar .up:hover .vote-arrow,
.zm-votebar .up.pressed .vote-arrow {
  border-bottom-color: #fff
}
html.no-touch .zm-votebar .down:hover .vote-arrow,
.zm-votebar .down.pressed .vote-arrow {
  border-top-color: #fff
}
html.no-touch .zm-votebar .up:hover,
html.no-touch .zm-votebar .down:hover,
.zm-votebar .up.pressed,
.zm-votebar .down.pressed {
  background: #698ebf;
  color: #fff
}
.zm-votebar .up .vote-arrow {
  background-position: 0 -229px
}
.zm-votebar .down .vote-arrow {
  background-position: -21px -229px
}
html.no-touch .zm-votebar .up:hover .vote-arrow,
.zm-votebar .up.pressed .vote-arrow {
  background-position: -42px -229px
}
html.no-touch .zm-votebar .down:hover .vote-arrow,
.zm-votebar .down.pressed .vote-arrow {
  background-position: -63px -229px
}
.zm-item-vote-count {
  display: block;
  color: #698ebf;
  height: 24px;
  line-height: 24px;
  width: 38px;
  border-radius: 3px;
  border: 0;
  cursor: pointer;
  background: #eff6fa;
  font-weight: 700;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  -webkit-text-size-adjust: none
}
.zm-item-vote-count:hover {
  text-decoration: none
}
html.no-touch .zm-item-vote-count:hover {
  background: #698ebf;
  color: #fff
}
.zm-item-vote {
  display: none;
  position: absolute;
  left: -48px
}
.zm-votebar {
  float: left;
  margin-left: -48px
}
.no-votebar .zm-item-vote {
  display: block !important
}
.no-votebar .zm-votebar {
  display: none !important
}
.votebar-mobile-dialog {
  width: auto
}
.votebar-mobile-dialog .modal-dialog-content {
  padding: 35px 40px 20px;
  margin: 0
}
.votebar-mobile-dialog .modal-dialog-title {
  background: #fff;
  border: 0;
  box-shadow: none;
  text-indent: -999em;
  height: 0;
  padding: 0
}
.votebar-mobile-dialog .modal-dialog-title-close {
  position: absolute;
  top: 1px;
  right: -14px;
  background-position: -10px -167px;
  width: 30px;
  height: 30px
}
.votebar-mobile-dialog .text {
  margin-top: 10px;
  color: #666
}
.votebar-mobile-dialog .text label {
  width: 50px;
  text-align: center
}
.votebar-mobile-dialog .zm-votebar {
  display: block;
  position: relative;
  height: 50px;
  width: 140px;
  float: none;
  margin-left: 0
}
.votebar-mobile-dialog .zm-votebar .count {
  display: none
}
.votebar-mobile-dialog .zm-votebar .down,
.votebar-mobile-dialog .zm-votebar .up {
  float: left;
  width: 50px;
  height: 50px;
  margin: 0;
  position: relative
}
.votebar-mobile-dialog .zm-votebar .down .vote-arrow,
.votebar-mobile-dialog .zm-votebar .up .vote-arrow {
  top: 10px;
  left: 10px;
  border-width: 15px
}
.votebar-mobile-dialog .zm-votebar .down {
  float: right
}
.votebar-mobile-dialog .zm-votebar .down .vote-arrow {
  top: 18px
}
.votebar-mobile-dialog .zm-votebar .up .vote-arrow {
  top: 3px
}
.zm-item-vote-count.votenum-mobile {
  width: auto;
  margin-right: 6px;
  padding: 0 5px;
  font-size: 14px;
  color: #698ebf
}
.zm-item-vote-count.votenum-mobile.owner .arrow {
  display: none
}
.zm-item-vote-count.votenum-mobile .arrow {
  margin-left: 3px;
  top: 8px;
  right: 5px;
  width: 5px;
  height: 7px;
  vertical-align: 1px;
  background-position: 0 -169px
}
.tag-list {
  list-style: none
}
.tag-list>li {
  position: relative;
  float: left
}
.tag-list>li.canedit .tag-link {
  padding-right: 35px
}
.tag-list .tag-link {
  float: left;
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 1px 10px 0;
  border-radius: 30px;
  background: #eff6fa;
  text-decoration: none
}
.tag-list .button {
  position: absolute;
  right: 15px;
  top: 4px;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  cursor: pointer;
  vertical-align: middle;
  background-color: #698ebf;
  background-repeat: no-repeat;
  background-image: url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/
}
.tag-list .remove-button {
  background-position: -264px -103px
}
html.no-touch .tag-list .remove-button:hover {
  background-color: #259
}
.zg-editor-simple-wrap {
  border: 1px solid #999;
  padding: 4px 4px 0
}
.zu-seamless-input-origin-element {
  overflow: hidden
}
.zg-editor-input {
  width: 100%;
  font-weight: 400;
  min-height: 66px;
  padding: 0;
  margin: 0;
  border: 0
}
.x-c {
  color: #999
}
.zm-item-tag,
.zm-tag-editor-edit-item {
  background: #eff6fa;
  padding: 1px 10px 0;
  border-radius: 30px;
  text-decoration: none;
  margin: 0 5px 5px 0;
  display: inline-block;
  float: left;
  white-space: nowrap
}
.zm-item-tag-x {
  position: relative;
  left: -7px;
  padding: 1px 5px;
  background: #eff6fa;
  border-radius: 0 30px 30px 0;
  text-decoration: none
}
html.no-touch .zm-item-tag:hover,
html.no-touch .zm-item-tag-x:hover {
  background: #259;
  color: #fff;
  text-decoration: none
}
.zm-tag-editor-edit-item {
  float: left
}
.zm-tag-editor-edit-item>a,
.zm-tag-editor-edit-item>span {
  float: left !important
}
.zm-tag-editor-edit-item .zm-tag-editor-remove-button {
  float: right;
  margin: 3px 0 0 5px;
  visibility: visible
}
.zm-tag-editor-remove-button {
  margin: 3px 6px 0 0;
  float: left;
  width: 15px;
  height: 15px;
  cursor: pointer;
  visibility: hidden;
  overflow: hidden;
  text-indent: -9000px;
  background: url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/ no-repeat -264px -141px;
  border-radius: 8px
}
html.no-touch .zm-tag-editor-remove-button:hover {
  background-position: -264px -103px;
  background-color: #259
}
.editable embed,
.video {
  margin: 6px 0;
  display: block;
  zoom: 1;
  width: 420px;
  height: 350px
}
.video-box {
  position: relative;
  margin: 12px 0;
  width: 100%;
  min-height: 139px;
  border: solid 1px #ddd;
  cursor: pointer
}
.video-box .video-box-inner {
  padding: 20px;
  overflow: hidden
}
.video-box .video-thumb {
  position: relative;
  float: left
}
.video-box .video-thumb,
.video-box .video-thumbnail,
.video-box .video-play-icon {
  width: 132px;
  height: 99px;
  border: 0
}
.video-box .video-title {
  font-weight: 400;
  color: #555
}
.video-box .video-play-icon {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/play-icon.png)/*tpa=http://static.zhihu.com/static/img/play-icon.png*/ no-repeat center;
  opacity: .8
}
html.no-touch .video-box:hover .video-play-icon {
  opacity: .99
}
.video-box .video-url {
  margin: .5em 0 0;
  color: #999;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.video-box .video-box-body {
  margin-left: 152px;
  overflow: hidden
}
.video-player-box .video {
  margin: 6px 0;
  display: block;
  width: 100%;
  height: 377.5px
}
.video-player-box .video-player-foot {
  line-height: 2em
}
.video-player-box .video-player-close {
  display: inline-block;
  color: #999
}
.video-player-box .icon-fold {
  width: 16px;
  height: 16px;
  background-image: url(../img/sprites-1.9.2.png)/*tpa=http://static.zhihu.com/static/img/sprites-1.9.2.png*/ ;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 8px;
  height: 9px;
  background-position: -135px -22px;
  vertical-align: 0
}
.video-box.thumbonly {
  float: left;
  margin: 0 10px 0 0;
  width: auto;
  min-height: 99px
}
.video-box.thumbonly .video-thumb {
  float: none
}
.video-box.thumbonly .video-box-inner {
  padding: 0
}
@media only screen and (max-device-width:400px) {
  .video-box .video-box-body {
    margin-top: 110px;
    margin-left: 0
  }
}